.onboarding-message{position:absolute;top:15%;left:50%;transform:translate(-50%,0);width:60vw;max-width:600px;min-width:300px;text-align:center;font-size:2em;font-weight:700;margin-bottom:32px;color:#fff;z-index:180;pointer-events:none;background:rgba(0,0,0,.35);padding:24px 16px 16px 16px;border-radius:16px;box-shadow:0 4px 24px #000a}#onboarding-overlay{position:fixed;top:var(--header-height);left:var(--left-sidebar-width);right:var(--right-sidebar-width);bottom:0;background:rgba(0,0,0,.4);z-index:150;display:flex;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.onboarding-side{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s;position:relative}.onboarding-side.left:hover{background:rgba(255,255,255,.08)}.onboarding-side.right:hover{background:rgba(255,255,255,.18)}.onboarding-text{color:#fff;font-size:1.5rem;font-weight:700;text-shadow:2px 2px 8px #000,0 0 2px #000,0 0 1px #000;padding:4%;border-radius:16px;background:rgba(0,0,0,.2);border:2px solid rgba(255,255,255,.1);-webkit-user-select:none;user-select:none;width:max(500px,25vw);height:100px;text-align:center;display:flex;align-items:center;justify-content:center;z-index:180}.entry-popover{display:flex;align-items:flex-start;background:var(--surface-sunken);color:var(--text-color);border-radius:4px;box-shadow:0 4px 24px #000a;padding:7px;z-index:9999;max-width:90vw;opacity:1;transition:opacity .2s ease}.entry-popover--closing{opacity:0}.popover-image{height:135px;width:240px;object-fit:cover;border-radius:6px;margin-right:16px;flex-shrink:0}.popover-details{display:flex;flex-direction:column;justify-content:space-between;height:135px;min-width:0;max-width:100vw}.entry-popover--compact .popover-details{justify-content:flex-start;height:auto}.entry-popover--no-metrics .popover-details{justify-content:flex-start}.popover-channel{font-size:1.6em;font-weight:700;white-space:nowrap;margin-bottom:4px}.popover-category{font-size:1em;color:var(--text-muted);white-space:nowrap;margin-bottom:4px}.popover-title{font-size:.8em;word-break:break-word;overflow-wrap:anywhere;white-space:normal;max-width:inherit;width:100%;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.popover-viewers{font-size:.7em;color:gold;background:rgba(0,0,0,.4);padding:2px 10px;border-radius:6px;align-self:flex-start;margin-top:auto}.tutorial-scrim{position:fixed;inset:0;width:100vw;height:100vh;z-index:950;pointer-events:none}.tutorial-scrim-fill{fill:rgba(0,0,0,0.55)}.tutorial-mask-hole{transition:x .25s ease,y .25s ease,width .25s ease,height .25s ease}.tutorial-click-frame{position:fixed;inset:0;z-index:950;pointer-events:none}.tutorial-click-band{position:fixed;pointer-events:auto}.tutorial-card-hint{margin-top:8px;font-size:.82rem;font-style:italic;color:var(--text-color-light)}.tutorial-highlight{position:fixed;border:3px solid #2196f3;border-radius:8px;box-shadow:0 0 22px #2196f3;z-index:951;pointer-events:none;transition:left .25s ease,top .25s ease,width .25s ease,height .25s ease;animation:tutorial-pulse 2s ease-in-out infinite}@keyframes tutorial-pulse{0%,100%{box-shadow:0 0 22px #2196f3}50%{box-shadow:0 0 34px #2196f3}}.tutorial-arrow{position:fixed;width:40px;height:40px;z-index:952;background:0 0;font-size:2em;color:#2196f3;pointer-events:none;text-align:center;line-height:40px;transition:left .25s ease,top .25s ease}.tutorial-arrow-right::after{content:"→"}.tutorial-arrow-left::after{content:"←"}.tutorial-arrow-down::after{content:"↓"}.tutorial-arrow-up::after{content:"↑"}.tutorial-arrow-up-right::after{content:"↗"}.tutorial-arrow-up-left::after{content:"↖"}.tutorial-arrow-down-right::after{content:"↘"}.tutorial-arrow-down-left::after{content:"↙"}.tutorial-card{position:fixed;left:50%;top:calc(var(--header-height) + 20px);transform:translateX(-50%);z-index:953;width:min(420px,92vw);background:var(--background-color-dark);color:var(--text-color);border:1px solid #2196f3;border-radius:12px;box-shadow:0 10px 34px rgba(0,0,0,.5),0 0 0 1px rgba(33,150,243,.25);padding:14px 18px 16px}.tutorial-card--enter{animation:tutorial-card-enter .22s ease}@keyframes tutorial-card-enter{from{opacity:0;margin-top:-6px}to{opacity:1;margin-top:0}}.tutorial-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.tutorial-card-tier{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--button-hover-color)}.tutorial-card-close{width:22px;height:22px;min-width:22px;padding:0;border:none;background:0 0;color:var(--text-color-light);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.tutorial-card-close:hover{background:rgba(255,255,255,.1);color:var(--text-color)}.tutorial-card-title{font-size:1.05rem;font-weight:700;margin-bottom:6px}.tutorial-card-body{font-size:.92rem;line-height:1.4;color:var(--text-color-light);margin-bottom:14px}.tutorial-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-progress{flex:1;min-width:0}.tutorial-progress-text{display:block;font-size:.7rem;color:var(--text-color-light);margin-bottom:4px}.tutorial-progress-bar{height:4px;border-radius:2px;background:var(--surface-raised);overflow:hidden}.tutorial-progress-fill{height:100%;background:#2196f3;transition:width .25s ease}.tutorial-actions{display:flex;gap:8px;flex-shrink:0}.tutorial-actions .custom-button{width:auto;min-width:64px;height:30px}.tutorial-actions .tutorial-back-button:disabled{opacity:.4;cursor:default}.tutorial-tier-row{display:flex;gap:6px;width:100%}.tutorial-tier-row .tutorial-tier-button{flex:1;width:auto;height:32px;font-size:.78rem}