:root{--glass-clip-color:var(--purple,#8737e8);--glass-waveform-color:var(
    --cyan,#28bde4
  );--glass-playhead-color:var(--orange,#ff7330);--glass-selected-color:var(
    --mint,#8dfc9d
  );--glass-ink:var(--tx,#f4f4f2);--glass-ink-2:var(--tx2,#a3a5a6);--glass-ink-3:var(--tx3,#65696c);--glass-glow:0 0 0 0 transparent;--glass-radius-avatar:var(
    --rounded-lg,10px
  );--glass-radius-square:var(--rounded-xl,12px);--glass-radius-row:var(--rounded-2xl,14px);--glass-radius-panel:var(
    --rounded-4xl,18px
  );--glass-radius-pill:var(
    --rounded-pill,9999px
  );--glass-panel-bg:rgb(255 255 255/4%);--glass-panel-blur:blur(10px) saturate(105%);--glass-panel-highlight:inset 0 1px 0 rgb(255 255 255/5%);--glass-panel-shadow:0 10px 26px rgb(0 0 0/38%);--glass-row-bg:rgb(255 255 255/6%);--glass-row-blur:blur(8px) saturate(105%);--glass-row-highlight:inset 0 1px 0 rgb(255 255 255/7%);--glass-row-shadow:0 4px 12px rgb(0 0 0/24%);--glass-control-bg:rgb(255 255 255/8%);--glass-control-blur:blur(12px) saturate(110%);--glass-control-highlight:inset 0 1px 0 rgb(255 255 255/11%);--glass-control-shadow:0 8px 18px rgb(0 0 0/32%);--glass-active-bg:rgb(255 255 255/15%);--glass-active-blur:blur(10px) saturate(110%);--glass-active-highlight:inset 0 1px 0 rgb(255 255 255/20%);--glass-active-shadow:0 4px 14px rgb(0 0 0/26%);--glass-flyover-bg:rgb(255 255 255/23%);--glass-flyover-blur:blur(15px) saturate(115%);--glass-flyover-highlight:inset 0 1px 0 rgb(255 255 255/30%);--glass-flyover-shadow:0 10px 24px rgb(0 0 0/36%);--glass-nav-hover-bg:#1a1c1f;--glass-nav-active-bg:var(--well,#232527);--glass-nav-badge-bg:var(--color-track,#1c1e21)}@layer components{.glass-panel{border-radius:var(--glass-radius-panel);background:var(--glass-panel-bg);backdrop-filter:var(--glass-panel-blur);-webkit-backdrop-filter:var(--glass-panel-blur);box-shadow:var(--glass-panel-highlight),var(--glass-panel-shadow),var(--glass-glow)}.glass-square{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--glass-radius-square);background:var(--glass-control-bg);backdrop-filter:var(--glass-control-blur);-webkit-backdrop-filter:var(--glass-control-blur);box-shadow:var(--glass-control-highlight),var(--glass-control-shadow),var(--glass-glow);color:var(--glass-ink);transition:transform .1s ease}.glass-square:active{transform:scale(.96)}.glass-pill{color:var(--glass-ink)}.glass-pill,.glass-segmented{display:inline-flex;align-items:center;border-radius:var(--glass-radius-pill);background:var(--glass-control-bg);backdrop-filter:var(--glass-control-blur);-webkit-backdrop-filter:var(--glass-control-blur);box-shadow:var(--glass-control-highlight),var(--glass-control-shadow),var(--glass-glow)}.glass-segmented{gap:2px;padding:4px}.glass-segmented__option{padding:8px 16px;border-radius:var(--glass-radius-pill);color:var(--glass-ink-2);font-size:13px;font-weight:500;transition:background-color .15s ease,color .15s ease}.glass-segmented__option--active{background:var(--glass-active-bg);backdrop-filter:var(--glass-active-blur);-webkit-backdrop-filter:var(--glass-active-blur);box-shadow:var(--glass-active-highlight),var(--glass-active-shadow),var(--glass-glow);color:var(--glass-ink)}.glass-row{border-radius:var(--glass-radius-row);background:var(--glass-row-bg);backdrop-filter:var(--glass-row-blur);-webkit-backdrop-filter:var(--glass-row-blur);box-shadow:var(--glass-row-highlight),var(--glass-row-shadow),var(--glass-glow)}.glass-flyover{border-radius:var(--glass-radius-pill);background:var(--glass-flyover-bg);backdrop-filter:var(--glass-flyover-blur);-webkit-backdrop-filter:var(--glass-flyover-blur);box-shadow:var(--glass-flyover-highlight),var(--glass-flyover-shadow),var(--glass-glow);color:var(--glass-ink)}.glass-flyover--panel{border-radius:var(--glass-radius-row)}.glass-avatar{--glass-avatar-size:36px;display:inline-flex;align-items:center;justify-content:center;width:var(--glass-avatar-size);height:var(--glass-avatar-size);border-radius:var(--glass-radius-avatar);background:var(--glass-control-bg);backdrop-filter:var(--glass-control-blur);-webkit-backdrop-filter:var(--glass-control-blur);box-shadow:var(--glass-control-highlight),var(--glass-control-shadow),var(--glass-glow);color:var(--glass-ink);font-size:calc(var(--glass-avatar-size) * .42);font-weight:600;line-height:1;text-transform:uppercase;user-select:none}.glass-avatar--sm{--glass-avatar-size:24px}.glass-avatar--lg{--glass-avatar-size:48px}.glass-avatar--violet{background:color-mix(in srgb,var(--glass-clip-color) 30%,var(--glass-control-bg))}.glass-avatar--cyan{background:color-mix(in srgb,var(--glass-waveform-color) 30%,var(--glass-control-bg))}.glass-avatar--orange{background:color-mix(in srgb,var(--glass-playhead-color) 30%,var(--glass-control-bg))}.glass-avatar--mint{background:color-mix(in srgb,var(--glass-selected-color) 30%,var(--glass-control-bg));color:#0d1410}.glass-glow-white{--glass-glow:0 0 8px 1px rgb(255 255 255/22%),0 0 26px rgb(255 255 255/10%)}.glass-glow-cyan{--glass-glow:0 0 8px 1px rgb(from var(--glass-waveform-color) r g b/28%),0 0 26px rgb(from var(--glass-waveform-color) r g b/13%)}.glass-glow-orange{--glass-glow:0 0 8px 1px rgb(from var(--glass-playhead-color) r g b/32%),0 0 28px rgb(from var(--glass-playhead-color) r g b/15%)}.glass-thumb{position:relative;display:block;overflow:hidden;border-radius:var(--rounded-xl,12px);background:var(--color-stage-frame,#08090c);box-shadow:inset 0 0 0 1px rgb(255 255 255/6%),var(--glass-glow)}.glass-thumb img,.glass-thumb video{display:block;width:100%;height:100%;object-fit:cover}.glass-clip{position:relative;display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border-radius:20px;background:var(--glass-clip-color);box-shadow:inset 0 1px 0 rgb(255 255 255/18%),0 8px 20px rgb(from var(--glass-clip-color) r g b/35%),var(--glass-glow);color:#f5f0ff}.glass-clip__thumb{flex:0 0 auto;width:56px;height:40px;overflow:hidden;border-radius:12px;box-shadow:inset 0 0 0 1px rgb(255 255 255/12%)}.glass-clip__thumb img,.glass-clip__thumb video{display:block;width:100%;height:100%;object-fit:cover}.glass-clip__label{flex:1 1 auto;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glass-clip__action{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;background:rgb(255 255 255/14%);box-shadow:inset 0 1px 0 rgb(255 255 255/20%);color:#ffffff}.glass-track-label{display:inline-block;padding-bottom:4px;border-bottom:2px solid;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:600;letter-spacing:.08em}.glass-track-label--media{color:var(--glass-clip-color)}.glass-track-label--audio{color:var(--glass-ink)}.glass-icon--solid-transition{stroke-width:2.25px}.glass-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:var(--spacing-md,8px);padding:11px 18px;border-radius:var(--rounded-2xl,14px);font-size:13px;font-weight:600;letter-spacing:.2px;transition:background-color .15s ease,color .15s ease,transform .1s ease}.glass-btn:active{transform:scale(.98)}.glass-btn--primary{background:var(--glass-ink);color:#101214;box-shadow:var(--glass-glow)}.glass-btn--primary:hover{background:#ffffff}.glass-btn--well{background:var(--glass-control-bg);backdrop-filter:var(--glass-control-blur);-webkit-backdrop-filter:var(--glass-control-blur);color:var(--glass-ink);box-shadow:var(--glass-control-highlight),var(--glass-control-shadow),var(--glass-glow)}.glass-btn--well:hover{background:var(--glass-active-bg)}.glass-btn--ghost{padding:11px 10px;background:transparent;color:var(--glass-ink-2);box-shadow:var(--glass-glow)}.glass-btn--ghost:hover{color:var(--glass-ink)}.glass-btn--mini{min-height:0;padding:9px 0;border-radius:var(--rounded-lg,10px);font-size:12.5px;flex:1}.glass-nav-rail-item{display:flex;align-items:center;gap:11px;padding:10px;border-radius:13px;color:var(--glass-ink-3);font-size:13px;font-weight:500;transition:background-color .15s ease,color .15s ease}.glass-nav-rail-item:hover{background:var(--glass-nav-hover-bg);color:var(--glass-ink-2)}.glass-nav-rail-item--active,.glass-nav-rail-item--active:hover{background:var(--glass-nav-active-bg);color:var(--glass-ink)}.glass-nav-rail-item__icon{flex:0 0 auto;width:19px;height:19px}.glass-nav-rail-item__label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glass-nav-rail-item__badge{flex:0 0 auto;margin-left:auto;padding:2px 7px;border-radius:8px;background:var(--glass-nav-badge-bg);color:var(--glass-ink-3);font-size:11px}.glass-well{border-radius:var(--rounded-2xl,14px);background:var(--glass-panel-bg);backdrop-filter:var(--glass-panel-blur);-webkit-backdrop-filter:var(--glass-panel-blur);box-shadow:inset 0 1px 0 rgb(255 255 255/8%),var(--glass-panel-shadow),var(--glass-glow);color:var(--glass-ink)}.glass-modal{width:min(520px,88%);border-radius:var(--rounded-5xl,24px);background:var(--glass-control-bg);backdrop-filter:var(--glass-control-blur);-webkit-backdrop-filter:var(--glass-control-blur);padding:26px 26px 24px;box-shadow:var(--glass-control-highlight),0 40px 90px rgb(0 0 0/60%),var(--glass-glow);color:var(--glass-ink)}.glass-modal-option{border-radius:var(--rounded-3xl,16px);background:var(--glass-panel-bg);backdrop-filter:var(--glass-panel-blur);-webkit-backdrop-filter:var(--glass-panel-blur);padding:18px 16px;box-shadow:var(--glass-panel-highlight),var(--glass-panel-shadow),var(--glass-glow);color:var(--glass-ink);transition:background-color .15s ease}.glass-modal-option:hover{background:var(--glass-row-bg)}.glass-overlay-scrim{position:absolute;inset:0;background:var(--color-overlay-scrim,rgb(8 9 10/62%));backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.glass-toast{display:inline-flex;align-items:center;border-radius:var(--rounded-2xl,14px);background:var(--glass-control-bg);backdrop-filter:var(--glass-control-blur);-webkit-backdrop-filter:var(--glass-control-blur);padding:11px 18px;font-size:12.5px;color:var(--glass-ink);box-shadow:var(--glass-control-highlight),0 14px 40px rgb(0 0 0/50%),var(--glass-glow)}}