.settings{padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:1rem;display:flex}.settings__title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--monitor);margin:0;font-size:1.75rem;font-weight:700}.settings__card{background:var(--console);border-radius:12px;flex-direction:column;gap:1rem;padding:1rem;display:flex}.settings__card--profile{flex-direction:row;align-items:center;gap:.9rem}.settings__avatar{object-fit:cover;border:2px solid color-mix(in srgb, var(--amber) 45%, transparent);background:var(--booth);border-radius:50%;flex:none;width:56px;height:56px}.settings__avatar--fallback{font-family:var(--font-display);color:var(--amber);text-transform:uppercase;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex}.settings__identity{flex-direction:column;gap:.15rem;min-width:0;display:flex}.settings__signed-in-as{font-family:var(--font-body);color:var(--monitor);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600;overflow:hidden}.settings__handle{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--monitor);opacity:.65;font-size:.85rem}.settings__card--stack{gap:1.25rem}.settings__row{flex-direction:column;gap:.6rem;display:flex}.settings__row-label{font-family:var(--font-body);color:var(--monitor);opacity:.85;font-size:.9rem;font-weight:500}.settings__sign-out{background:var(--console);min-height:48px;color:var(--monitor);font-family:var(--font-body);cursor:pointer;border:none;border-radius:10px;padding:.85rem 1.25rem;font-size:1rem;font-weight:600}.settings__sign-out:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.login{min-height:100dvh;color:var(--monitor);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.login__stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:2rem 1.5rem;display:flex;position:relative}.login__waveform{pointer-events:none;opacity:.16;z-index:0;justify-content:center;align-items:center;gap:3px;padding:0 1.25rem;display:flex;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.login__bar{background:var(--amber);transform-origin:50%;border-radius:3px;flex:1 1 0;min-width:2px;max-width:6px;height:40%;animation:2.4s ease-in-out infinite login-wave}.login__wordmark{z-index:1;font-family:var(--font-display);letter-spacing:-.02em;color:var(--amber);text-align:center;margin:0;font-size:clamp(2.75rem,16vw,4.5rem);font-weight:700;line-height:1;position:relative}.login__panel{z-index:1;padding:1.25rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom));flex-direction:column;gap:1rem;display:flex;position:relative}.login__note{font-family:var(--font-body);opacity:.8;margin:0;font-size:.9rem;line-height:1.5}.login__pending{min-height:100dvh;color:var(--monitor);flex-direction:column;flex:1;display:flex;position:relative}.login__pending-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;min-height:0;padding:2rem 1.5rem;display:flex}.login__avatar{object-fit:cover;border:2px solid color-mix(in srgb, var(--amber) 45%, transparent);background:var(--console);border-radius:50%;width:88px;height:88px}.login__avatar--fallback{font-family:var(--font-display);color:var(--amber);text-transform:uppercase;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.login__handle{font-family:var(--font-mono);font-variant-numeric:tabular-nums;opacity:.75;font-size:1rem}.login__name{font-family:var(--font-body);font-size:1.25rem;font-weight:600}.login__badge{background:var(--amber);color:var(--booth);font-family:var(--font-body);border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.95rem;font-weight:600;animation:1.8s ease-in-out infinite login-badge-pulse;display:inline-flex}.login__badge-dot{background:var(--booth);border-radius:50%;width:.55rem;height:.55rem}.login__pending-body{max-width:30ch;font-family:var(--font-body);opacity:.8;margin:0;font-size:.9rem;line-height:1.5}.login__pending-panel{padding:1.25rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom));justify-content:center;display:flex}@keyframes login-wave{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}@keyframes login-badge-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--amber) 55%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--amber) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.login__bar{animation:none;transform:scaleY(1)}.login__badge{animation:none}}.home{padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:1.75rem;display:flex}.home__paste{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.home__paste-input{background:var(--console);min-width:0;min-height:48px;color:var(--monitor);font-family:var(--font-body);border:1px solid #0000;border-radius:10px;flex:12rem;padding:.75rem .9rem;font-size:1rem}.home__paste-input::placeholder{color:var(--monitor);opacity:.45}.home__paste-input:focus-visible{border-color:var(--amber);outline:none}.home__paste-submit{background:var(--amber);min-height:48px;color:var(--booth);font-family:var(--font-body);cursor:pointer;border:none;border-radius:10px;flex:none;padding:.75rem 1.25rem;font-size:1rem;font-weight:600}.home__paste-submit:disabled{opacity:.5;cursor:default}.home__paste-submit:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.home__paste-error{color:var(--rec);flex-basis:100%;margin:0;font-size:.85rem}.home__section{flex-direction:column;gap:.75rem;display:flex}.home__section-title{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--monitor);opacity:.7;align-items:baseline;gap:.4rem;margin:0;font-size:.8rem;font-weight:600;display:flex}.home__section-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:normal;text-transform:none;opacity:.65;font-size:.75rem}.home__your-sets-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:.75rem;margin:0;padding-bottom:.25rem;display:flex;overflow-x:auto}.home__your-sets-row>*{scroll-snap-align:start}.home__clip-grid{flex-direction:column;gap:.5rem;display:flex}.home__clip-groups{flex-direction:column;gap:1rem;display:flex}.home__clip-group{flex-direction:column;gap:.5rem;display:flex}.home__group-header{align-items:center;gap:.5rem;display:flex}.home__group-cover{background:var(--console);border-radius:6px;flex:none;width:1.75rem;height:1.75rem;overflow:hidden}.home__group-art{object-fit:cover;width:100%;height:100%;display:block}.home__group-art--empty{color:color-mix(in srgb, var(--monitor) 30%, transparent);justify-content:center;align-items:center;display:flex}.home__group-title{min-width:0;font-family:var(--font-body);color:var(--monitor);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:.9rem;font-weight:500;overflow:hidden}.home__group-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--monitor);opacity:.55;flex:none;font-size:.75rem}.home__empty{font-family:var(--font-body);color:var(--monitor);opacity:.45;margin:0;font-size:.85rem;line-height:1.4}.home__empty-state{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 0 .25rem;display:flex}.home__empty-waveform{align-items:flex-end;gap:2px;width:100%;max-width:11rem;height:2rem;display:flex}.home__empty-bar{background:color-mix(in srgb, var(--amber) 35%, transparent);border-radius:2px;flex:1 1 0;min-width:2px}.clip{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex}.clip--empty{text-align:center;justify-content:center;align-items:center;padding:2rem 1rem}.clip__header{align-items:flex-start;gap:.75rem;padding:1rem 1rem 0;display:flex}.clip__cover{background:var(--console);border-radius:8px;flex:none;width:3.25rem;height:3.25rem;overflow:hidden}.clip__cover-art{object-fit:cover;width:100%;height:100%;display:block}.clip__cover-art--empty{color:color-mix(in srgb, var(--monitor) 30%, transparent);justify-content:center;align-items:center;display:flex}.clip__info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.clip__title{font-family:var(--font-body);color:var(--monitor);text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:500;overflow:hidden}.clip__artist{font-family:var(--font-body);color:var(--monitor);opacity:.65;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.clip__context-line{color:var(--amber);align-items:baseline;gap:.3rem;margin-top:.15rem;display:flex}.clip__context-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-size:.6875rem}.clip__context-value,.clip__context-duration{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.85rem}.clip__context-duration{opacity:.85}.clip__created{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--monitor);opacity:.55;font-size:.75rem}.clip__creator{font-family:var(--font-body);color:var(--monitor);opacity:.6;font-size:.85rem}.clip__stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:1rem;display:flex;overflow:hidden}.clip__video{background:#000;border-radius:12px;max-width:100%;height:auto;max-height:60vh}.clip__video[data-format="9x16"]{aspect-ratio:9/16}.clip__video[data-format="1x1"]{aspect-ratio:1}.clip__video[data-format="4x5"]{aspect-ratio:4/5}.clip__placeholder{background:var(--console);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;max-width:22rem;padding:2rem 1.5rem;display:flex}.clip__note{font-family:var(--font-body);color:var(--monitor);opacity:.7;font-size:.9rem;line-height:1.4}.clip__meta{align-items:center;gap:.6rem;padding:0 1rem .75rem;display:flex}.clip__format,.clip__duration{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--monitor);font-size:.9rem}.clip__duration{opacity:.7}.clip__status-pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb, var(--monitor) 12%, transparent);color:var(--monitor);border-radius:999px;align-items:center;gap:.35rem;margin-left:auto;padding:.2rem .55rem;font-size:.7rem;display:inline-flex}.clip__status-pill:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.clip__placeholder .clip__status-pill{justify-content:center;margin-left:0}.clip__status-pill[data-status=ready]{background:color-mix(in srgb, var(--cue) 18%, transparent);color:var(--cue)}.clip__status-pill[data-status=rendering],.clip__status-pill[data-status=queued]{background:color-mix(in srgb, var(--amber) 18%, transparent);color:var(--amber)}.clip__status-pill[data-status=error]{background:color-mix(in srgb, var(--rec) 18%, transparent);color:var(--rec)}.clip__controls{padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));background:var(--console);border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;gap:.6rem;margin-top:auto;display:flex}.clip__share-btn{background:var(--cue);min-height:52px;color:var(--booth);font-family:var(--font-body);cursor:pointer;border:none;border-radius:12px;font-size:1.05rem;font-weight:700}.clip__retry-btn{background:var(--amber);min-height:52px;color:var(--booth);font-family:var(--font-body);cursor:pointer;border:none;border-radius:12px;font-size:1.05rem;font-weight:700}.clip__visibility-btn{border:1px solid color-mix(in srgb, var(--amber) 55%, transparent);min-height:48px;color:var(--amber);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:12px;font-size:.95rem;font-weight:600}.clip__delete-btn{min-height:48px;color:color-mix(in srgb, var(--monitor) 55%, transparent);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:12px;font-size:.9rem}.clip__delete-btn:hover,.clip__delete-btn:focus-visible{color:var(--rec)}.clip__share-btn:disabled,.clip__retry-btn:disabled,.clip__visibility-btn:disabled,.clip__delete-btn:disabled{opacity:.6;cursor:default}.clip__share-btn:focus-visible,.clip__retry-btn:focus-visible,.clip__visibility-btn:focus-visible,.clip__delete-btn:focus-visible{outline:2px solid var(--monitor);outline-offset:2px}