.wt-page{padding:var(--space-xl);justify-content:center;align-items:flex-start;min-height:100%;display:flex}.wt-card{gap:var(--space-l);width:100%;max-width:520px;padding:var(--space-xl);border-radius:var(--radius-l);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-l);flex-direction:column;display:flex}.wt-card__header{justify-content:space-between;align-items:center;gap:var(--space-m);display:flex}.wt-card__title{font:var(--font-title2);color:var(--text-primary);margin:0}.wt-card__subtitle{font:var(--font-body);color:var(--text-secondary);margin:0}.wt-status{font:var(--font-caption);color:var(--text-tertiary);padding:var(--space-xxs) var(--space-s);border-radius:var(--radius-full);border:1px solid var(--border-color)}.wt-status--connected{color:var(--accent);border-color:var(--accent-semi)}.wt-status--connecting,.wt-status--reconnecting{color:var(--text-secondary)}.wt-share{gap:var(--space-s);flex-direction:column;display:flex}.wt-share__label{font:var(--font-caption);color:var(--text-secondary)}.wt-share__row{gap:var(--space-s);align-items:center;display:flex}.wt-share__input{min-width:0;padding:var(--space-s) var(--space-m);border-radius:var(--radius-m);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);font:var(--font-metadata);flex:1}.wt-nick{gap:var(--space-s);flex-direction:column;display:flex}.wt-nick__label{font:var(--font-caption);color:var(--text-secondary)}.wt-perms{gap:var(--space-s);flex-direction:column;display:flex}.wt-perms__title{font:var(--font-caption-bold);color:var(--text-secondary);margin:0}.wt-perms__row{justify-content:space-between;align-items:center;gap:var(--space-m);padding:var(--space-s) var(--space-m);border-radius:var(--radius-m);background:var(--bg-surface);color:var(--text-primary);font:var(--font-body);cursor:pointer;display:flex}.wt-perms__label{gap:var(--space-2xs);flex-direction:column;display:flex}.wt-perms__hint{font:var(--font-caption);color:var(--text-secondary)}.wt-participants{gap:var(--space-s);flex-direction:column;display:flex}.wt-participants__title{font:var(--font-caption-bold);color:var(--text-secondary);margin:0}.wt-participants__list{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.wt-participants__item{align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);border-radius:var(--radius-m);background:var(--bg-surface);color:var(--text-primary);font:var(--font-body);display:flex}.wt-participants__icon{color:var(--accent)}.wt-participants__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.wt-participants__ping{font:var(--font-caption-bold);font-variant-numeric:tabular-nums;border-radius:var(--radius-full);background:var(--bg-surface-high);color:var(--text-secondary);flex-shrink:0;padding:.1rem .4rem}.wt-participants__ping--good{color:var(--success,#34c759)}.wt-participants__ping--ok{color:var(--warning,#ff9f0a)}.wt-participants__ping--bad{color:var(--error,#ff453a)}.wt-card__waiting{align-items:center;gap:var(--space-s);font:var(--font-body);color:var(--text-secondary);margin:0;display:flex}.wt-spin{animation:1s linear infinite wt-spin}@keyframes wt-spin{to{transform:rotate(360deg)}}.wt-chat{width:var(--wt-chat-width,22rem);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border-left:1px solid var(--glass-border);flex-direction:column;animation:.2s ease-out wt-chat-in;display:flex;position:fixed;top:0;bottom:0;right:0}.wt-chat__header{padding:var(--space-s) var(--space-m);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.wt-chat__heading{font:var(--font-title3);color:var(--text-primary)}.wt-chat__tabs{gap:var(--space-2xs);display:flex}.wt-chat__info{gap:var(--space-m);padding:var(--space-m);flex-direction:column;flex:1;display:flex;overflow-y:auto}.wt-chat__list{gap:var(--space-s);padding:var(--space-m);flex-direction:column;flex:1;display:flex;overflow-y:auto}.wt-chat__empty{color:var(--text-tertiary);font:var(--font-caption);text-align:center;margin:auto}.wt-chat__msg{max-width:85%;padding:var(--space-xs) var(--space-s);border-radius:var(--radius-m);background:var(--bg-surface-high);border:1px solid var(--border-color);flex-direction:column;align-self:flex-start;gap:2px;display:flex}.wt-chat__msg--mine{background:var(--accent-semi);border-color:var(--accent-semi);align-self:flex-end}.wt-chat__name{font:var(--font-caption-bold);color:var(--accent)}.wt-chat__text{color:var(--text-primary);font:var(--font-body);word-break:break-word}.wt-chat__form{gap:var(--space-s);padding:var(--space-m);border-top:1px solid var(--border-color);display:flex}.wt-chat__form .ui-input{flex:1;min-width:0}@keyframes wt-chat-in{0%{transform:translate(100%)}to{transform:translate(0)}}.wt-notices{top:var(--space-xl);gap:var(--space-xs);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.wt-notice{align-items:center;gap:var(--space-s);max-width:80vw;padding:var(--space-xs) var(--space-m);border-radius:var(--radius-full);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-m);color:var(--text-primary);font:var(--font-caption);white-space:nowrap;animation:.2s ease-out wt-notice-in;display:flex}.wt-notice__icon{color:var(--accent);display:inline-flex}.wt-notice__text{text-overflow:ellipsis;overflow:hidden}@keyframes wt-notice-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.overlay-panel.wt-ended-panel{align-items:center;width:auto;max-width:22rem}.wt-ended{align-items:center;gap:var(--space-m);text-align:center;padding:var(--space-m) var(--space-l) var(--space-l);flex-direction:column;min-width:260px;max-width:360px;display:flex}.wt-ended__badge{border-radius:var(--radius-full);width:3.5rem;height:3.5rem;color:var(--accent);background:var(--accent-semi);border:1px solid var(--accent-semi);justify-content:center;align-items:center;display:flex}.wt-ended__title{font:var(--font-title3);color:var(--text-primary);margin:0}.wt-ended__text{font:var(--font-body);color:var(--text-secondary);margin:0}.wt-pause{pointer-events:none;-webkit-backdrop-filter:blur(6px)saturate(120%);backdrop-filter:blur(6px)saturate(120%);background:radial-gradient(120% 120% at 50% 45%,#00000059,#0000009e);justify-content:center;align-items:center;animation:.35s ease-out wt-pause-fade;display:flex;position:absolute;inset:0}.wt-pause__card{align-items:center;gap:var(--space-m);padding:var(--space-xl) var(--space-xxl);border-radius:var(--radius-xl);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-l), 0 0 60px -12px var(--accent-semi);text-align:center;flex-direction:column;animation:.4s cubic-bezier(.22,1,.36,1) wt-pause-pop;display:flex}.wt-pause__badge{border-radius:var(--radius-full);width:4.5rem;height:4.5rem;color:var(--accent);background:var(--accent-semi);border:1px solid var(--accent-semi);justify-content:center;align-items:center;display:flex;position:relative}.wt-pause__ring{border-radius:var(--radius-full);border:1px solid var(--accent);opacity:0;animation:2.4s ease-out infinite wt-pause-ring;position:absolute;inset:0}.wt-pause__ring--delay{animation-delay:1.2s}.wt-pause__title{font:var(--font-title3);color:var(--text-primary)}.wt-pause__sub{font:var(--font-body);color:var(--text-secondary)}.wt-pause__dots span{animation:1.4s infinite wt-pause-dot}.wt-pause__dots span:nth-child(2){animation-delay:.2s}.wt-pause__dots span:nth-child(3){animation-delay:.4s}@keyframes wt-pause-fade{0%{opacity:0}to{opacity:1}}@keyframes wt-pause-pop{0%{opacity:0;transform:scale(.9)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes wt-pause-ring{0%{opacity:.55;transform:scale(1)}70%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}@keyframes wt-pause-dot{0%,to{opacity:.25}50%{opacity:1}}.wt-session{gap:var(--space-s);flex-direction:column;display:flex}.wt-session__hero{align-items:center;gap:var(--space-m);padding:var(--space-m);border-radius:var(--radius-m);background:var(--bg-surface);display:flex;position:relative;overflow:hidden}.wt-session__hero:before{content:"";background-image:var(--wt-session-backdrop);opacity:.18;filter:saturate(1.1);background-position:50%;background-size:cover;position:absolute;inset:0}.wt-session__art,.wt-session__meta{position:relative}.wt-session__art{object-fit:cover;border-radius:var(--radius-s);background:var(--bg-surface-high);flex-shrink:0;width:3.5rem;height:5.25rem}.wt-session__art--placeholder{color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.wt-session__meta{gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.wt-session__label{font:var(--font-caption-bold);color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.wt-session__title{font:var(--font-title-3);color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.wt-session__ep{font:var(--font-caption);color:var(--text-secondary)}.wt-session__playlist{padding:var(--space-2xs);gap:var(--space-2xs);border-radius:var(--radius-m);background:var(--bg-surface);flex-direction:column;max-height:11rem;margin:0;list-style:none;display:flex;overflow-y:auto}.wt-session__episode{align-items:center;gap:var(--space-s);padding:var(--space-xs) var(--space-s);border-radius:var(--radius-s);color:var(--text-secondary);font:var(--font-body);display:flex}.wt-session__episode--current{background:var(--accent-semi);color:var(--accent)}.wt-session__episode-num{font:var(--font-caption-bold);opacity:.85;flex-shrink:0}.wt-session__episode-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}