2026-03-07 01:56:14 +01:00
|
|
|
@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";.sb-app{--bg-deep: #1a1b1e;--bg-primary: #1e1f22;--bg-secondary: #2b2d31;--bg-tertiary: #313338;--bg-modifier-hover: rgba(79, 84, 92, .16);--bg-modifier-active: rgba(79, 84, 92, .24);--bg-modifier-selected: rgba(79, 84, 92, .32);--text-normal: #dbdee1;--text-muted: #949ba4;--text-faint: #6d6f78;--accent: #5865f2;--accent-rgb: 88, 101, 242;--accent-hover: #4752c4;--accent-glow: rgba(88, 101, 242, .45);--green: #23a55a;--red: #f23f42;--yellow: #f0b232;--white: #ffffff;--font: "DM Sans", "Outfit", "gg sans", "Noto Sans", Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;--radius: 8px;--radius-lg: 12px;--shadow-low: 0 1px 3px rgba(0, 0, 0, .24);--shadow-med: 0 4px 12px rgba(0, 0, 0, .32);--shadow-high: 0 8px 24px rgba(0, 0, 0, .4);--transition: .15s cubic-bezier(.4, 0, .2, 1);--card-size: 110px;--card-emoji: 28px;--card-font: 11px;color-scheme:dark}.sb-app[data-theme=purple]{--bg-deep: #13111c;--bg-primary: #1a1726;--bg-secondary: #241f35;--bg-tertiary: #2e2845;--accent: #9b59b6;--accent-rgb: 155, 89, 182;--accent-hover: #8e44ad;--accent-glow: rgba(155, 89, 182, .45)}.sb-app[data-theme=forest]{--bg-deep: #0f1a14;--bg-primary: #142119;--bg-secondary: #1c2e22;--bg-tertiary: #253a2c;--accent: #2ecc71;--accent-rgb: 46, 204, 113;--accent-hover: #27ae60;--accent-glow: rgba(46, 204, 113, .4)}.sb-app[data-theme=sunset]{--bg-deep: #1a1210;--bg-primary: #231815;--bg-secondary: #2f201c;--bg-tertiary: #3d2a24;--accent: #e67e22;--accent-rgb: 230, 126, 34;--accent-hover: #d35400;--accent-glow: rgba(230, 126, 34, .4)}.sb-app[data-theme=ocean]{--bg-deep: #0a1628;--bg-primary: #0f1e33;--bg-secondary: #162a42;--bg-tertiary: #1e3652;--accent: #3498db;--accent-rgb: 52, 152, 219;--accent-hover: #2980b9;--accent-glow: rgba(52, 152, 219, .4)}.sb-app{display:flex;flex-direction:column;height:100%;position:relative}.topbar{display:flex;align-items:center;padding:0 20px;height:52px;background:var(--bg-secondary);border-bottom:1px solid rgba(0,0,0,.24);z-index:10;flex-shrink:0;gap:16px;transition:background .4s ease}.topbar-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.sb-app-logo{width:28px;height:28px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .4s ease}.sb-app-title{font-size:16px;font-weight:700;color:var(--white);letter-spacing:-.02em}.clock-wrap{flex:1;display:flex;justify-content:center}.clock{font-size:22px;font-weight:700;color:var(--text-normal);letter-spacing:.02em;font-variant-numeric:tabular-nums;opacity:.9}.clock-seconds{font-size:14px;color:var(--text-faint);font-weight:500}.topbar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.channel-dropdown{position:relative;flex-shrink:0}.channel-btn{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:var(--bg-tertiary);color:var(--text-normal);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition);white-space:nowrap}.channel-btn:hover{background:var(--bg-modifier-selected);border-color:#ffffff1f}.channel-btn.open{border-color:var(--accent)}.channel-btn .cb-icon{font-size:16px;color:var(--text-muted)}.channel-btn .chevron{font-size:12px;color:var(--text-faint);transition:transform var(--transition);margin-left:2px}.channel-btn.open .chevron{transform:rotate(180deg)}.channel-status{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.channel-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:var(--bg-deep);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);box-shadow:var(--shadow-high);padding:6px;z-index:100;animation:ctx-in .1s ease-out}.channel-menu-header{padding:6px 8px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-fain
|
