.banned-gate{z-index:1000;background:var(--bg-app);padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.banned-gate__card{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;max-width:420px;display:flex}.banned-gate__icon{background:color-mix(in srgb, var(--danger) 12%, transparent);width:64px;height:64px;color:var(--danger);border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex}.banned-gate__title{font-size:var(--fs-2xl);font-weight:var(--fw-bold)}.banned-gate__text{color:var(--text-secondary);font-size:var(--fs-base);line-height:var(--leading-normal,1.5)}.banned-gate__reason{padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--fs-sm)}.banned-gate__actions{gap:var(--space-3);margin-top:var(--space-2);display:flex}.banned-gate__logout{color:var(--text-secondary);font-size:var(--fs-sm);text-decoration:underline}.banned-gate__notifications{width:100%;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left}.banned-gate__notifications-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}.banned-gate__notification-row{gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--border);font-size:var(--fs-sm);display:flex}.banned-gate__notification-row:first-of-type{border-top:none}.banned-gate__notification-icon{color:var(--text-secondary);margin-top:2px}.banned-gate__notification-time{color:var(--text-secondary);font-size:var(--fs-xs,.75rem)}
.now-playing-sheet{z-index:var(--z-viewer);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.now-playing-sheet__backdrop{background:var(--overlay-scrim-strong);position:absolute;inset:0}.now-playing-sheet__panel{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);background:var(--bg-elevated);width:100%;max-width:480px;max-height:100dvh;padding:max(var(--space-2), env(safe-area-inset-top)) var(--space-5) max(var(--space-5), env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex;position:relative;overflow-y:auto}.now-playing-sheet__grabber-zone{width:100%;padding:var(--space-2) 0 var(--space-4);cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.now-playing-sheet__grabber{background:var(--separator);border-radius:999px;width:36px;height:4px}.now-playing-sheet__collapse{top:max(var(--space-2), env(safe-area-inset-top));left:var(--space-3);width:var(--tap-min);height:var(--tap-min);background:color-mix(in srgb, currentColor 8%, transparent);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute}.now-playing-sheet__collapse:hover{background:color-mix(in srgb, currentColor 16%, transparent)}.now-playing-sheet__art{width:min(72vw,300px);height:min(72vw,300px);margin:var(--space-4) 0 var(--space-6);border-radius:var(--radius-2xl);background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);box-shadow:var(--shadow-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-size:64px;display:flex;overflow:hidden}.now-playing-sheet__art img{object-fit:cover;width:100%;height:100%}.now-playing-sheet__meta{text-align:center;max-width:100%;margin-bottom:var(--space-6);flex-shrink:0}.now-playing-sheet__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.now-playing-sheet__subtitle{margin-top:var(--space-1);font-size:var(--fs-sm);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.now-playing-sheet__progress{cursor:pointer;touch-action:none;flex-shrink:0;width:100%;max-width:360px;height:24px;position:relative}.now-playing-sheet__progress:before{content:"";background:color-mix(in srgb, currentColor 16%, transparent);border-radius:2px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.now-playing-sheet__progress-fill{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-strong) 100%);pointer-events:none;border-radius:2px;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.now-playing-sheet__progress-thumb{background:var(--accent);border:2px solid var(--bg-elevated);pointer-events:none;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000059}.now-playing-sheet__times{width:100%;max-width:360px;margin-top:var(--space-1);font-size:var(--fs-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:space-between;display:flex}.now-playing-sheet__error{margin-top:var(--space-3);font-size:var(--fs-sm);color:var(--like);flex-shrink:0}.now-playing-sheet__transport{width:100%;max-width:360px;margin-top:var(--space-6);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.now-playing-sheet__play{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff;cursor:pointer;width:68px;height:68px;box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 45%, transparent);transition:transform var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.now-playing-sheet__play i.fa-play{margin-left:3px}.now-playing-sheet__play:active{transform:scale(.94)}.now-playing-sheet__skip{width:48px;height:48px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;font-size:18px;display:flex}.now-playing-sheet__skip span{font-size:9px;font-weight:var(--fw-semibold);margin-top:-2px}.now-playing-sheet__rate,.now-playing-sheet__rate-spacer{min-width:40px;height:28px;padding:0 var(--space-2);border-radius:var(--radius-full);background:color-mix(in srgb, currentColor 10%, transparent);color:var(--text-primary);font-size:var(--fs-xs);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.now-playing-sheet__rate-spacer{visibility:hidden;cursor:default}.now-playing-sheet__open-chat{align-items:center;gap:var(--space-2);margin-top:var(--space-6);color:var(--accent);font-size:var(--fs-sm);font-weight:var(--fw-medium);flex-shrink:0;text-decoration:none;display:flex}.now-playing-sheet__open-chat i{font-size:11px}.now-playing-sheet__stop{padding-top:var(--space-6);color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-top:auto}.now-playing-sheet__stop:hover{color:var(--like)}@media (min-width:600px){.now-playing-sheet{align-items:center}.now-playing-sheet__panel{border-radius:var(--radius-2xl);height:auto;max-height:min(720px,90vh);box-shadow:var(--shadow-lg);padding-top:var(--space-2);padding-bottom:var(--space-6)}.now-playing-sheet__collapse{top:var(--space-3)}}
.global-player-wrap{z-index:15;max-width:584px;margin:0 auto;position:fixed;bottom:88px;left:8px;right:8px}body.keyboard-open .global-player-wrap{display:none}@media (min-width:768px) and (max-width:1199px){.global-player-wrap{width:420px;left:50%;right:auto;transform:translate(-50%)}}@media (max-height:420px){.global-player-main{gap:8px;padding:6px 8px}.global-player-art{width:34px;height:34px;font-size:13px}}@media (min-width:1200px){.global-player-wrap{width:320px;max-width:320px;margin:0;inset:150px auto auto calc(50vw + 324px)}}.global-player{border-radius:var(--radius-xl);background:var(--bg-elevated);touch-action:pan-y;-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);border:.5px solid var(--separator);position:relative;overflow:hidden}.global-player-thumb{background:var(--accent);border:2px solid var(--bg-elevated);pointer-events:none;z-index:1;border-radius:50%;width:11px;height:11px;position:absolute;top:5px;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000059}.global-player-progress{cursor:pointer;touch-action:none;height:10px;position:relative}@media (pointer:coarse){.global-player-progress{height:22px}.global-player-thumb{top:11px}}.global-player-progress:before{content:"";background:color-mix(in srgb, currentColor 20%, transparent);height:3px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.global-player-progress-fill{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-strong) 100%);pointer-events:none;border-radius:0 2px 2px 0;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.global-player-main{align-items:center;gap:12px;padding:10px 10px 10px 12px;display:flex}.global-player-art{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff;cursor:pointer;width:42px;height:42px;box-shadow:0 3px 10px color-mix(in srgb, var(--accent) 40%, transparent);transition:box-shadow var(--transition-normal), transform var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex;position:relative}.global-player-art:active{transform:scale(.94)}.global-player-art i.fa-play{margin-left:2px}.global-player-art--playing{box-shadow:0 3px 14px color-mix(in srgb, var(--accent) 55%, transparent)}.global-player-art--cover{box-shadow:none;background:0 0}.global-player-art-cover{border-radius:inherit;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.global-player-art-icon{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.global-player-art--cover .global-player-art-icon{border-radius:inherit;background:#0006}.global-player--error .global-player-art{background:var(--like);box-shadow:0 3px 10px color-mix(in srgb, var(--like) 40%, transparent)}.global-player-body{width:100%;min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:auto;gap:1px;padding:0;text-decoration:none;display:flex}.global-player-subtitle--error{color:var(--like)}.global-player-title-row{align-items:baseline;gap:8px;min-width:0;display:flex}.global-player-title{min-width:0;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:auto;align-items:center;gap:5px;display:flex;overflow:hidden}.global-player-title i{color:var(--text-secondary);flex-shrink:0;font-size:10px}.global-player-subtitle{font-size:var(--fs-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;display:flex;overflow:hidden}.global-player-time{font-size:var(--fs-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.global-player-close{width:26px;height:26px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.global-player-close:hover{background:var(--separator);color:var(--text-primary)}
.bottom-nav{background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);border-top:.5px solid var(--separator);z-index:20;justify-content:space-evenly;align-items:center;max-width:600px;margin:0 auto;padding:8px 12px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:8px;font-size:22px;transition:all .2s;display:flex;position:relative}.nav-badge{background:var(--like);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:flex;position:absolute;top:4px;right:4px}.nav-item:hover{background:var(--separator)}.nav-item.active{color:var(--accent)}.nav-item:active{transform:scale(.9)}.nav-pending-hint{background:var(--accent);opacity:0;visibility:hidden;border-radius:999px;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.nav-pending-hint.is-pending{visibility:visible;animation-name:nav-pending-fade-in,nav-pending-pulse;animation-duration:.2s,1s;animation-timing-function:ease,ease-in-out;animation-iteration-count:1,infinite;animation-delay:.1s,.1s;animation-fill-mode:forwards,none}@keyframes nav-pending-fade-in{to{opacity:1}}@keyframes nav-pending-pulse{50%{opacity:.4}}@media (min-width:1200px){.bottom-nav{display:none}}body.keyboard-open .bottom-nav{display:none}
.app-sidebar{display:none}@media (min-width:1200px){.app-sidebar{gap:var(--space-6);width:240px;padding:var(--space-6) var(--space-3);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:max(16px,50vw - 564px);overflow-y:auto}}.app-sidebar__logo{padding-left:var(--space-3);letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:650}.app-sidebar__create{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min);border-radius:var(--radius-full);background:var(--accent);color:var(--text-inverse);font-size:var(--fs-base);font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;display:flex}.app-sidebar__create:hover{background:var(--accent-strong)}.app-sidebar__create:active{transform:scale(.97)}.app-sidebar__list{gap:var(--space-1);flex-direction:column;list-style:none;display:flex}.app-sidebar__item{align-items:center;gap:var(--space-3);min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--fs-lg);transition:background var(--transition-fast);text-decoration:none;display:flex}.app-sidebar__item:hover{background:var(--placeholder)}.app-sidebar__item.is-active{font-weight:var(--fw-semibold);color:var(--accent)}.app-sidebar__item-icon{justify-content:center;align-items:center;width:24px;font-size:20px;display:flex;position:relative}.app-sidebar__item-icon .nav-pending-hint{bottom:-3px}.app-sidebar__badge{background:var(--like);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:flex;position:absolute;top:-6px;right:-10px}
.right-rail{display:none}@media (min-width:1200px){.right-rail{top:var(--space-6);width:320px;display:block;position:fixed;left:calc(50vw + 324px)}}.right-rail__card{padding:var(--space-4);background:var(--bg-surface);border:.5px solid var(--border);border-radius:var(--radius-lg)}.right-rail__title{margin-bottom:var(--space-2);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.right-rail__text{font-size:var(--fs-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}