.web-directory{height:100dvh;overflow-y:auto;background:var(--rim-config, #0e0e10);color:var(--rim-text, #efeff1);padding:24px 32px;font-family:var(--rim-font-body);box-sizing:border-box}.web-directory::-webkit-scrollbar{width:10px}.web-directory::-webkit-scrollbar-track{background:transparent}.web-directory::-webkit-scrollbar-thumb{background:var(--rim-border, #444);border-radius:5px}.web-directory::-webkit-scrollbar-thumb:hover{background:#555}.web-directory-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--rim-border, #2a2a2d)}.web-directory-title{font-size:1.8rem;font-weight:700;margin:0 0 4px}.web-directory-subtitle{color:var(--rim-text-muted, #adadb8);font-size:.95rem}.web-directory-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:12px 16px;background:var(--rim-bg-elevated, #1f1f23);border:1px solid var(--rim-border, #2a2a2d);border-radius:6px;margin-bottom:16px;font-size:.85rem}.web-directory-filters label{display:flex;flex-direction:column;gap:4px;color:var(--rim-text-muted, #adadb8);font-size:.75rem}.web-directory-filters select{background:var(--rim-bg, #2a2a2a);color:var(--rim-text, #efeff1);border:1px solid var(--rim-border, #444);border-radius:4px;padding:4px 8px;font-size:.85rem;min-width:140px}.web-directory-count{margin-left:auto;color:var(--rim-text-muted, #adadb8);font-size:.85rem;align-self:end;padding-bottom:4px}.web-directory-section-title{font-size:1.1rem;font-weight:600;margin:24px 0 12px;color:var(--rim-text, #efeff1)}.web-streamer-empty{text-align:center;color:var(--rim-text-muted, #adadb8);padding:64px}.web-streamer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.web-streamer-card{background:transparent;border:none;padding:0;cursor:pointer;text-align:left;display:flex;flex-direction:column;border-radius:6px;overflow:hidden;transition:transform .1s}.web-streamer-card:hover{transform:translateY(-2px)}.web-streamer-card:hover .web-streamer-card-title{color:#a970ff}.web-streamer-card--offline{opacity:.75}.web-streamer-thumb{position:relative;aspect-ratio:16/9;background:var(--rim-bg-elevated, #1f1f23);border-radius:4px;overflow:hidden}.web-streamer-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.web-streamer-card:hover .web-streamer-thumb{outline:2px solid #a970ff;outline-offset:2px}.web-streamer-thumb-live{position:absolute;top:8px;left:8px;background:#eb0400;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:2px;letter-spacing:.5px}.web-streamer-thumb-viewers{position:absolute;bottom:8px;left:8px;background:#000000a6;color:#fff;font-size:.78rem;padding:2px 6px;border-radius:2px}.web-streamer-thumb-offline-badge{position:absolute;top:8px;left:8px;background:#6a6a6f;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:2px;letter-spacing:.5px}.web-streamer-thumb-followers{position:absolute;top:8px;right:8px;background:#000000a6;color:#fff;font-size:.78rem;padding:2px 6px;border-radius:2px}.web-streamer-card-body{display:flex;gap:10px;padding:10px 4px 4px;align-items:flex-start}.web-streamer-card-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.web-streamer-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.web-streamer-card-title{font-size:.92rem;font-weight:600;color:var(--rim-text, #efeff1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .1s}.web-streamer-card-name{font-size:.82rem;color:var(--rim-text-muted, #adadb8);display:flex;align-items:center;gap:6px}.web-streamer-card-twitch{flex-shrink:0;align-self:center;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:var(--rim-bg, #2a2a2a);color:var(--rim-text-muted, #adadb8);text-decoration:none;font-size:.95rem;transition:background .15s,color .15s}.web-streamer-card-twitch:hover{background:#9146ff;color:#fff}.web-streamer-badge-mod{font-size:.62rem;font-weight:700;background:#9146ff;color:#fff;padding:1px 5px;border-radius:3px;letter-spacing:.5px}.web-streamer-badge-partner{font-size:.62rem;font-weight:700;background:linear-gradient(135deg,#f5b800,#ff8c00);color:#1a1a1a;padding:1px 5px;border-radius:3px;letter-spacing:.5px;cursor:help}.web-streamer-badge-affiliate{font-size:.62rem;font-weight:700;background:#5e3aa0;color:#fff;padding:1px 5px;border-radius:3px;letter-spacing:.5px;cursor:help}.channel-rail{display:flex;flex-direction:column;gap:1px;width:100%;height:100%;overflow-y:auto;background:var(--rim-config);font-family:var(--rim-font-body)}.channel-rail-section{padding:.6rem .75rem .3rem;font-family:var(--rim-font-title);font-size:var(--rim-text-xs);font-weight:var(--rim-weight-semibold);letter-spacing:var(--rim-tracking-wide);text-transform:uppercase;color:var(--rim-text-faint)}.channel-rail-empty{padding:.75rem;font-size:var(--rim-text-sm);color:var(--rim-text-muted);text-align:center}.channel-rail-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;cursor:pointer;border-left:3px solid transparent;transition:background var(--rim-dur-fast) var(--rim-ease)}.channel-rail-item:hover{background:var(--rim-dark)}.channel-rail-item:focus-visible{outline:none;background:var(--rim-dark);border-left-color:var(--focus-ring)}.channel-rail-item--active{background:var(--rim-grey);border-left-color:var(--rim-accent)}.channel-rail-avatar{width:32px;height:32px;border-radius:var(--rim-radius-pill);object-fit:cover;flex-shrink:0}.channel-rail-info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:var(--rim-leading-tight)}.channel-rail-name{font-size:var(--rim-text-sm);font-weight:var(--rim-weight-semibold);color:var(--rim-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-rail-meta{font-size:var(--rim-text-xs);color:var(--rim-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-rail-status{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.channel-rail-live-dot{width:8px;height:8px;border-radius:var(--rim-radius-pill);background:var(--rim-error)}.channel-rail-viewers{font-size:var(--rim-text-xs);color:var(--rim-text-soft);font-variant-numeric:tabular-nums}.channel-rail-offline{font-size:var(--rim-text-xs);color:var(--rim-text-faint)}.rim-bits-cost{display:inline-flex;align-items:center;gap:var(--rim-space-xs);font-family:var(--rim-font-title);font-weight:700;color:var(--rim-text);letter-spacing:var(--rim-tracking-tight)}.rim-bits-cost--sm{font-size:var(--rim-text-xs)}.rim-bits-cost--md{font-size:var(--rim-text-base)}.rim-bits-cost--lg{font-size:var(--rim-text-2xl)}.rim-bits-gem{flex-shrink:0}.tw-clone{display:flex;flex-direction:column;height:100dvh;background:#0e0e10;color:var(--rim-text);font-family:var(--rim-font-body)}.tw-clone-head{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--rim-config, #18181b);border-bottom:1px solid var(--rim-border);flex-shrink:0;position:relative;z-index:10}.tw-clone-brand{font-family:var(--rim-font-title);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--rim-gold-warm)}.tw-clone-toggles{position:absolute;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px}.tw-clone-right{margin-left:auto;display:inline-flex;align-items:center;gap:12px}.tw-clone-right .bits-unavailable-banner{margin:0}.tw-toggle{padding:6px 12px;background:var(--rim-dark);border:1px solid var(--rim-border);border-radius:var(--rim-radius-md);cursor:pointer;font-family:var(--rim-font-title);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--rim-text-muted);transition:background .15s,color .15s,border-color .15s}.tw-toggle:hover:not(:disabled){color:var(--rim-text)}.tw-toggle:disabled{opacity:.4;cursor:not-allowed}.tw-toggle.on{background:var(--rim-accent);color:#000;border-color:var(--rim-accent)}.tw-clone-sep{width:1px;height:22px;background:var(--rim-border);margin:0 4px}.tw-clone-device{display:inline-flex;align-items:center;gap:6px}.tw-clone-device select{max-width:200px;padding:5px 8px;background:var(--rim-dark);color:var(--rim-text);border:1px solid var(--rim-border);border-radius:var(--rim-radius-md);font-size:.7rem;cursor:pointer}.tw-clone-device>button{width:30px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--rim-dark);border:1px solid var(--rim-border);border-radius:var(--rim-radius-md);cursor:pointer;font-size:.9rem;color:var(--rim-text-muted);line-height:1}.tw-clone-device>button.on{background:var(--rim-gold-warm);color:#000;border-color:var(--rim-gold-warm)}.tw-clone-back{background:transparent;border:1px solid var(--rim-border);color:var(--rim-text-muted);border-radius:var(--rim-radius-md);padding:6px 12px;cursor:pointer;font-size:.72rem}.tw-clone-back:hover{color:var(--rim-text);border-color:var(--rim-accent)}.tw-clone-main{display:flex;flex:1;min-height:0}.tw-clone-rail{width:240px;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--rim-border);background:var(--rim-config, #18181b)}.tw-clone-center{flex:1;min-width:0;display:flex;flex-direction:column;overflow-y:auto}.tw-clone-content{width:100%;max-width:1920px;align-self:center}.tw-clone-chat{flex-shrink:0;width:340px;border-left:1px solid var(--rim-border);background:#18181b}.tw-clone-chat iframe{width:100%;height:100%;border:0;display:block}.tw-clone-video{position:relative;flex-shrink:0;aspect-ratio:16 / 9;background:#000}.tw-stage-bg{position:absolute;inset:0;z-index:0}.tw-stage-bg iframe{width:100%;height:100%;border:0;display:block}.tw-stage-layer{position:absolute;inset:0;z-index:1;pointer-events:none;transform:translateZ(0)}.tw-player-box{position:fixed;z-index:4;overflow:hidden;background:#000}.tw-player-box .bits-unavailable-banner{display:none}.tw-player-frame{width:100%;height:100%;border:0;display:block}.tw-info{display:flex;gap:14px;padding:16px 24px;align-items:center;border-bottom:1px solid var(--rim-border)}.tw-info-avatar{width:56px;height:56px;border-radius:50%;background:var(--rim-grey-2);flex-shrink:0}.tw-info-avatar--img{object-fit:cover}.tw-info-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.tw-info-name{font-family:var(--rim-font-title);font-size:1.05rem;font-weight:700;color:var(--rim-text)}.tw-info-title{font-size:.9rem;color:var(--rim-text-soft)}.tw-info-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.tw-info-game{font-size:.8rem;color:var(--rim-tab-news, #4a9eff)}.tw-tag{font-size:.68rem;color:var(--rim-text-muted);background:var(--rim-grey-2);border-radius:var(--rim-radius-pill);padding:2px 9px}.tw-about-followers{font-size:.8rem;color:var(--rim-text-muted)}.tw-about-desc{margin:0;font-size:.85rem;color:var(--rim-text-soft);line-height:1.5;white-space:pre-wrap}.tw-goals{display:flex;flex-direction:column;gap:12px}.tw-goal{background:#18181b;border:1px solid var(--rim-border);border-radius:var(--rim-radius-md);padding:14px 16px}.tw-goal-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.tw-goal-glyph{width:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--rim-text)}.tw-goal-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.tw-goal-title{font-weight:700;color:var(--rim-text);font-size:.92rem;line-height:1.2}.tw-goal-sub{color:var(--rim-text-muted);font-size:.8rem;margin-top:3px}.tw-goal-badge{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--rim-grey-2);color:var(--rim-text)}.tw-goal-badge--sub{background:#9147ff;color:#fff}.tw-goal-track{position:relative;height:8px;border-radius:var(--rim-radius-pill);background:#3a3a42}.tw-goal-fill{position:absolute;left:0;top:0;bottom:0;background:var(--rim-injured, #e8853c);border-radius:var(--rim-radius-pill)}.tw-goal-mark{position:absolute;top:50%;width:5px;height:5px;border-radius:50%;background:#00000080;transform:translate(-50%,-50%)}.tw-sections{display:grid;grid-template-columns:minmax(0,880px) 320px;justify-content:center;gap:16px;padding:16px 24px}.tw-section{display:flex;flex-direction:column;gap:8px}.tw-section-title{font-family:var(--rim-font-title);font-size:.95rem;font-weight:700;color:var(--rim-text);margin:0}.tw-card{background:#18181b;border:1px solid var(--rim-border);border-radius:var(--rim-radius-md);padding:16px;display:flex;flex-direction:column;gap:8px}.tw-skel-goal{height:44px;border-radius:var(--rim-radius-md);background:var(--rim-grey-2)}.tw-panels{padding:16px 24px 32px}.tw-panel-real{width:100%;height:496px}.tw-skel-img{width:100%;border-radius:0;background:var(--rim-grey-2)}.tw-skel-line{height:12px;border-radius:4px;background:var(--rim-grey-2)}.tw-skel-line--title{width:60%;height:16px}.tw-skel-line--short{width:40%}.tw-mobile-stage{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0e0e10}.tw-device{flex-shrink:0;box-sizing:content-box;display:flex;align-items:center;justify-content:center;background:#050505;border:10px solid #1a1a1a;border-radius:36px;box-shadow:0 12px 48px #0009;overflow:hidden;transform-origin:center;transition:transform .5s cubic-bezier(.4,0,.2,1)}.tw-device--landscape{transform:rotate(90deg)}.tw-device-iframe{flex:none;display:block;border:0;background:var(--rim-dark);transform-origin:center}.tw-device-label{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:.72rem;color:var(--rim-text-muted);font-variant-numeric:tabular-nums}.phone-content{display:flex;flex-direction:column;height:100dvh;width:100%;overflow:hidden;background:var(--rim-dark, #1e1e24);color:var(--rim-text);font-family:var(--rim-font-body)}.phone-statusbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:6px 18px;background:#000;color:#fff;font-size:13px;font-weight:600}.phone-time{font-variant-numeric:tabular-nums}.phone-sysicons{display:inline-flex;align-items:center;gap:6px;color:#fff}.phone-sysicons svg{display:block}.phone-stage,.phone-ext{flex:1;min-height:0;display:flex;flex-direction:column}.phone-video{flex-shrink:0;aspect-ratio:16 / 9;background:#000;overflow:hidden}.phone-video iframe{border:0;display:block}.phone-extbar{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:9px 12px;background:#1f1f23;color:#adadb8;border-top:1px solid rgba(0,0,0,.5)}.phone-extbar-name{flex:1;text-align:center;font-size:13px;font-weight:600;color:#cbb8ff}.phone-app{flex:1;min-height:0;position:relative}@media(orientation:landscape){.phone-statusbar{display:none}.phone-stage{flex-direction:row}.phone-video{flex:0 0 50%;aspect-ratio:auto;height:100%;align-self:stretch}.phone-ext{flex:0 0 50%;min-width:0}}.web-auth-container{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--rim-config, #1a1a1a);font-family:var(--rim-font-body);color:var(--rim-text, #eee);padding:24px}.web-auth-card{background:var(--rim-bg, #2a2a2a);border:1px solid var(--rim-border, #444);border-radius:8px;padding:32px;max-width:480px;width:100%;text-align:center}.web-auth-title{font-size:1.8rem;font-weight:600;margin-bottom:8px}.web-auth-subtitle{color:var(--rim-text-muted, #aaa);margin-bottom:24px}.web-auth-btn{display:inline-block;background:#9146ff;color:#fff;padding:12px 24px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s}.web-auth-btn:hover{background:#7c2cff}.web-choice-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.web-auth-link{display:block;margin:16px auto 0;background:none;border:none;color:var(--rim-text-muted, #aaa);text-decoration:underline;cursor:pointer;font-size:.9rem}.web-select{min-height:100dvh;background:var(--rim-config, #18181b)}.web-select-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:var(--rim-dark, #1e1e24);border-bottom:1px solid var(--rim-border, #4a4d52)}.web-select-hi{color:var(--rim-text-soft, #e0e0e0);font-size:.9rem}.web-surface-stage{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:var(--rim-black, #050505)}