:root{--admin-bar-h:0px;--bg:#f5f5f5;--surface:#ffffff;--surface-hover:#fafafa;--text:#0f0f0f;--text-secondary:#555555;--text-muted:#888888;--border:#e8e8e8;--border-subtle:#f0f0f0;--accent:#e85d2c;--accent-light:#fff0eb;--dark:#0a0a0a;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius:20px;--radius-pill:9999px;--font:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:'Lora', Georgia, serif;--tracking-headline:-0.01em;--card-gap:16px;--top-bar-h:30px;--header-nav-h:60px;--header-h:calc(var(--header-nav-h) + var(--top-bar-h));--header-bg:rgba(245, 245, 245, 0.92);--header-border:rgba(0, 0, 0, 0.06);--bottom-nav-bg:rgba(245, 245, 245, 0.96);--search-overlay-bg:rgba(245, 245, 245, 0.98);--shadow-card:0 4px 16px rgba(0, 0, 0, 0.06);--transition:0.22s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.35s cubic-bezier(0.4, 0, 0.2, 1);--scrollbar-track:rgba(0, 0, 0, 0.03);--scrollbar-thumb:rgba(0, 0, 0, 0.16);--scrollbar-thumb-hover:rgba(0, 0, 0, 0.28)}[data-theme="light"]{--bg:#f5f5f5;--surface:#ffffff;--surface-hover:#fafafa;--text:#0f0f0f;--text-secondary:#555555;--text-muted:#888888;--border:#e8e8e8;--border-subtle:#f0f0f0;--accent:#e85d2c;--accent-light:#fff0eb;--dark:#0a0a0a;--header-bg:rgba(245, 245, 245, 0.92);--header-border:rgba(0, 0, 0, 0.06);--bottom-nav-bg:rgba(245, 245, 245, 0.96);--search-overlay-bg:rgba(245, 245, 245, 0.98);--shadow-card:0 4px 16px rgba(0, 0, 0, 0.06);--scrollbar-track:rgba(0, 0, 0, 0.03);--scrollbar-thumb:rgba(0, 0, 0, 0.16);--scrollbar-thumb-hover:rgba(0, 0, 0, 0.28)}[data-theme="dark"]{--bg:#0d0e11;--surface:#16181d;--surface-hover:#1c1f26;--text:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--border:#232630;--border-subtle:#191b22;--accent:#f06a38;--accent-light:rgba(240, 106, 56, 0.16);--dark:#07080a;--header-bg:rgba(13, 14, 17, 0.92);--header-border:rgba(255, 255, 255, 0.06);--bottom-nav-bg:rgba(13, 14, 17, 0.96);--search-overlay-bg:rgba(13, 14, 17, 0.98);--shadow-card:0 6px 20px rgba(0, 0, 0, 0.28);--scrollbar-track:rgba(255, 255, 255, 0.03);--scrollbar-thumb:rgba(255, 255, 255, 0.16);--scrollbar-thumb-hover:rgba(255, 255, 255, 0.3)}body.admin-bar{--admin-bar-h:32px}@media screen and (max-width:782px){body.admin-bar{--admin-bar-h:46px}}@media screen and (max-width:600px){#wpadminbar{position:fixed!important}}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}.body-dark{background:var(--dark);overflow:hidden}.body-dark .bottom-nav{background:rgb(13 14 17 / .92)!important;border-top:1px solid rgb(255 255 255 / .08)!important}.body-dark .bottom-nav-item{color:#9ca3af!important}.body-dark .bottom-nav-item.active{color:var(--accent)!important}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit;color:inherit}img{display:block;max-width:100%}body,.header,.sidebar,.card,.site-footer,.bottom-nav,.search-box,.row-filter-btn{transition:background-color 0.25s ease,border-color 0.25s ease,color 0.25s ease}.header{position:fixed;top:var(--admin-bar-h);left:0;right:0;height:var(--header-h);background:var(--header-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:100;border-bottom:1px solid var(--header-border);display:flex;flex-direction:column}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-nav-h);padding:0 28px;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.logo{display:flex;align-items:center;gap:2px}.logo-text{font-size:24px;font-weight:900;letter-spacing:-1px;color:var(--text)}.logo-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:-10px}.header-center{display:flex;align-items:center;gap:2px;list-style:none}.header-center ul,.header-center li{list-style:none;margin:0;padding:0;display:contents}.nav-link{padding:7px 16px;font-size:13.5px;font-weight:500;color:var(--text-secondary);border-radius:100px;transition:all 0.2s ease;white-space:nowrap}.nav-link:hover{color:var(--text);background:var(--surface-hover)}.nav-link.active{color:var(--text);background:var(--surface-hover);font-weight:600}.header-right{display:flex;align-items:center;gap:10px}.icon-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all 0.2s ease}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.theme-toggle-btn{cursor:pointer}.theme-icon-sun,.theme-icon-moon{transition:transform 0.3s cubic-bezier(.4,0,.2,1),opacity 0.2s ease}:root .theme-icon-sun{display:none}:root .theme-icon-moon{display:block}[data-theme="dark"] .theme-icon-sun{display:block}[data-theme="dark"] .theme-icon-moon{display:none}.avatar{width:34px;height:34px;border-radius:50%;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer}.search-overlay{position:fixed;inset:0;background:var(--search-overlay-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:200;display:flex;flex-direction:column;align-items:center;padding-top:120px;opacity:0;visibility:hidden;transition:all 0.3s ease}.search-overlay.active{opacity:1;visibility:visible}.search-box{width:100%;max-width:560px;display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--surface);border-radius:16px;box-shadow:0 4px 24px rgb(0 0 0 / .06);border:none}.search-box svg{color:var(--text-muted);flex-shrink:0}.search-box input{flex:1;border:none;background:none;font-size:16px;font-family:var(--font);color:var(--text);outline:none}.search-box input::placeholder{color:var(--text-muted)}.search-box kbd{padding:3px 8px;font-size:11px;font-family:var(--font);color:var(--text-muted);background:var(--bg);border-radius:6px;border:none}.search-results{width:100%;max-width:560px;margin-top:14px;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.search-result-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:var(--radius-md);cursor:pointer;background:var(--surface);border:none;box-shadow:var(--shadow-card);transition:all 0.15s ease}.search-result-item:hover{background:var(--surface-hover);transform:translateY(-1px);box-shadow:var(--shadow-elevated)}.search-result-left{display:flex;flex-direction:column;gap:3px}.search-result-item .sr-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--accent)}.search-result-item .sr-title{font-size:14px;font-weight:600;color:var(--text);line-height:1.35}.search-result-item .sr-meta{font-size:11px;color:var(--text-muted)}.search-result-badge{padding:4px 8px;border-radius:6px;background:var(--bg);font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.search-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:14px}.main{padding-top:calc(var(--header-h) + var(--admin-bar-h) + 12px);min-height:100vh;height:auto;display:flex;flex-direction:column;gap:16px;position:relative;padding-bottom:32px}.content-wrap{display:flex;gap:16px;align-items:flex-start}.content-rows{display:flex;flex-direction:column;gap:16px;flex:1;min-width:0}.story-tray{background:var(--surface);border:none;border-radius:var(--radius-lg);padding:14px 16px 12px;box-shadow:0 2px 12px rgb(0 0 0 / .03);margin-bottom:2px}.story-tray-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 4px}.story-tray-title-wrap{display:flex;align-items:center;gap:8px}.story-pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgb(232 93 44 / .7);animation:storyPulse 2s infinite}@keyframes storyPulse{0%{box-shadow:0 0 0 0 rgb(232 93 44 / .7)}70%{box-shadow:0 0 0 6px #fff0}100%{box-shadow:0 0 0 0 #fff0}}.story-tray-title{font-size:14.5px;font-weight:700;color:var(--text);margin:0;letter-spacing:-.2px}.story-tray-all-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--accent);text-decoration:none;padding:4px 10px;border-radius:20px;background:rgb(232 93 44 / .08);transition:var(--transition)}.story-tray-all-btn:hover{background:var(--accent);color:#fff}.story-tray-track-wrap{position:relative;overflow:hidden}.story-tray-track{display:flex;gap:14px;overflow-x:auto;padding:4px 4px 6px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.story-tray-track::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;width:76px;flex-shrink:0;text-decoration:none;color:inherit;transition:transform 0.2s ease;cursor:pointer;scroll-snap-align:start}.story-item:hover{transform:translateY(-2px)}.story-avatar-wrap{position:relative;width:66px;height:66px;margin-bottom:6px}.story-ring{width:100%;height:100%;border-radius:50%;padding:2.5px;background:linear-gradient(135deg,#e85d2c 0%,#ff9f43 50%,#e85d2c 100%);box-shadow:0 4px 12px rgb(232 93 44 / .25);transition:all 0.3s ease;box-sizing:border-box}.story-item:hover .story-ring{transform:scale(1.05);box-shadow:0 6px 16px rgb(232 93 44 / .4)}.story-item.is-seen .story-ring{background:var(--border);box-shadow:none;padding:2px}.story-avatar-inner{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--surface);border:2px solid var(--surface);box-sizing:border-box}.story-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.story-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e272e,#0984e3);color:#fff;font-size:20px}.story-live-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface);box-shadow:0 2px 6px rgb(0 0 0 / .2)}.story-caption{font-size:11.5px;line-height:1.25;font-weight:500;color:var(--text-secondary);text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;max-width:100%;transition:color 0.2s ease}.story-item:hover .story-caption{color:var(--text)}.story-item.is-seen .story-caption{color:var(--text-muted)}@media (max-width:767px){.story-tray{border-radius:14px;padding:12px 12px 10px}.story-avatar-wrap{width:58px;height:58px}.story-item{width:68px;gap:0}.story-caption{font-size:10.5px}}.sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;position:sticky;top:calc(var(--header-h) + var(--admin-bar-h) + 12px);background:var(--surface);height:590px;box-shadow:var(--shadow-card);border:none;transition:width 0.35s cubic-bezier(.4,0,.2,1),opacity 0.3s ease,margin 0.35s ease,transform 0.35s ease}.sidebar.collapsed{width:0;opacity:0;margin-right:-16px;pointer-events:none;transform:translateX(-20px)}.sidebar-reopen-tab{display:none;position:sticky;top:calc(var(--header-h) + var(--admin-bar-h) + 12px);width:36px;height:160px;background:var(--surface);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 4px;z-index:90;transition:all 0.2s ease;color:var(--text-secondary)}.sidebar-reopen-tab:hover{background:var(--accent-light);color:var(--accent);border-color:rgb(232 93 44 / .3)}.sidebar-reopen-tab .tab-text{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.sidebar.collapsed+.sidebar-reopen-tab{display:flex}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;flex-shrink:0}.sidebar-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.sidebar-toggle{width:26px;height:26px;border-radius:7px;border:none;background:rgb(0 0 0 / .05);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all 0.2s ease}.sidebar-toggle:hover{background:rgb(0 0 0 / .1);color:var(--text)}.sidebar-slider{flex:1;position:relative;display:flex;flex-direction:column;margin:0 10px 10px;overflow:hidden;border-radius:12px}.sidebar-slides{position:relative;width:100%;height:100%;flex:1}.sidebar-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.4s ease,visibility 0.4s ease}.sidebar-slide.active{opacity:1;visibility:visible;pointer-events:auto}.sidebar-controls{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;z-index:10;pointer-events:none}.sidebar-dots{display:flex;align-items:center;gap:5px;pointer-events:auto}.sidebar-dot{width:6px;height:6px;border-radius:50%;background:rgb(255 255 255 / .4);cursor:pointer;transition:all 0.25s ease}.sidebar-dot.active{width:18px;border-radius:10px;background:#fff}.sidebar-arrows{display:flex;align-items:center;gap:4px;pointer-events:auto}.sidebar-arrow-btn{width:24px;height:24px;border-radius:50%;background:rgb(10 12 16 / .65);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease}.sidebar-arrow-btn:hover{background:rgb(0 0 0 / .7)}.sidebar-card{width:100%;height:100%;position:relative;cursor:pointer;display:block;border-radius:12px;overflow:hidden;transition:transform 0.35s cubic-bezier(.25,.46,.45,.94),box-shadow 0.35s ease}.sidebar-card:hover{transform:scale(1.01)}.sidebar-card .card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(.25,.46,.45,.94)}.sidebar-card:hover .card-bg{transform:scale(1.06)}.sidebar-card .card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .9) 0%,rgb(0 0 0 / .35) 45%,rgb(0 0 0 / .05) 70%,transparent 100%)}.sidebar-card .card-content{position:absolute;bottom:0;left:0;right:0;padding:20px 18px;color:#fff}.sidebar-card .card-cat{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:8px}.sidebar-card .card-title{font-size:18px;font-weight:700;line-height:1.35;letter-spacing:-.3px;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.sidebar-card .card-source{font-size:12px;color:rgb(255 255 255 / .65)}.card-row{display:flex;flex-direction:column;gap:8px}.card-row-header{display:flex;align-items:center;justify-content:space-between;padding:0 28px}.card-row-header-left{display:flex;align-items:center;gap:12px}.card-row-header-right{display:flex;align-items:center;gap:8px}.row-nav-btns{display:flex;align-items:center;gap:6px}.row-nav-btn{width:32px;height:32px;border-radius:50%;background:var(--surface);border:none;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-card);transition:all 0.2s ease}.row-nav-btn:hover{background:var(--surface-hover);color:var(--accent);transform:translateY(-1px)}.row-nav-btn:active{transform:translateY(0)}.card-row-title{font-size:17px;font-weight:700;letter-spacing:-.3px;color:var(--text)}.card-row-date{font-size:12px;font-weight:500;color:var(--text-muted)}.card-row-badge{padding:3px 10px;background:var(--accent);color:#fff;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:.5px}.card-row-title-badge{display:inline-block;background:var(--accent);color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:2px 7px;border-radius:6px;vertical-align:middle;margin-right:6px}.row-cat-all-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--accent);margin-left:12px;text-decoration:none;transition:opacity 0.2s ease,transform 0.15s ease}.row-cat-all-link:hover{opacity:.8;transform:translateX(2px)}.row-pills{display:inline-flex;align-items:center;gap:3px;background:rgb(0 0 0 / .04);padding:3px;border-radius:100px;border:none}.row-pill{background:#fff0;border:none;padding:4px 12px;border-radius:100px;font-family:var(--font);font-size:11px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.row-pill:hover{color:var(--text)}.row-pill.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px rgb(0 0 0 / .08)}.row-filter{position:relative}.row-filter-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;border:none;background:var(--surface);border-radius:var(--radius-pill);font-family:var(--font);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;box-shadow:0 1px 3px rgb(0 0 0 / .04);transition:all 0.2s ease;white-space:nowrap}.row-filter-btn:hover{background:var(--surface-hover);color:var(--text)}.row-filter-btn svg{transition:transform 0.2s ease}.row-filter.open .row-filter-btn svg{transform:rotate(180deg)}.row-filter-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:100;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:6px;box-shadow:var(--shadow-dropdown);min-width:140px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all 0.2s ease}.row-filter.open .row-filter-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.row-filter-option{display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:none;font-family:var(--font);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all 0.15s ease}.row-filter-option:hover{background:var(--surface-hover);color:var(--text)}.row-filter-option.active{color:var(--accent);font-weight:600}.card-track{display:flex;gap:var(--card-gap);padding:0 28px 10px;height:280px;align-items:center;overflow-x:auto;overflow-y:hidden;transition:opacity 0.25s ease;scroll-behavior:smooth;scroll-snap-type:x mandatory;cursor:grab;-webkit-user-select:none;user-select:none;scroll-padding-left:28px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.card-track.is-loading{opacity:.45;pointer-events:none}.card-track-empty{display:flex;align-items:center;justify-content:center;width:100%;min-width:280px;height:180px;color:var(--text-muted);font-size:13px;font-weight:500;background:rgb(0 0 0 / .02);border-radius:var(--radius-card);border:1px dashed var(--border)}.card-track.grabbing{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.card-track.is-auto-scrolling{scroll-snap-type:none!important;scroll-behavior:auto!important}.card-track .card{scroll-snap-align:start;flex-shrink:0}.card-track::-webkit-scrollbar{height:5px}.card-track::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px;margin:0 28px}.card-track::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;transition:background 0.2s ease}.card-track::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.scroll-hint{position:absolute;right:32px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-muted);background:var(--surface);padding:8px 16px;border-radius:var(--radius-pill);border:none;box-shadow:var(--shadow-card);z-index:10;pointer-events:none;transition:opacity 0.5s ease;animation:hintPulse 2s ease-in-out infinite}.scroll-hint.hidden{opacity:0}@keyframes hintPulse{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(-4px)}}.scroll-indicator{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:rgb(0 0 0 / .08);border-radius:2px;z-index:50;display:none}.scroll-thumb{height:100%;width:30px;background:var(--accent);border-radius:2px}.card{flex-shrink:0;height:260px;border-radius:var(--radius);overflow:hidden;position:relative;cursor:pointer;transition:transform 0.35s cubic-bezier(.25,.46,.45,.94),box-shadow 0.35s ease;scroll-snap-align:start}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.card.wide{width:360px}.card.medium{width:280px}.card.narrow{width:240px}.card.big{width:420px;height:260px}.card--image{background:var(--dark)}.card--image .card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(.25,.46,.45,.94)}.card--image:hover .card-bg{transform:scale(1.06)}.card--image .card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(5 7 10 / .94) 0%,rgb(10 12 16 / .82) 32%,rgb(10 12 16 / .45) 55%,rgb(0 0 0 / .12) 75%,transparent 100%)}.card--image .card-content{position:absolute;bottom:0;left:0;right:0;padding:22px 20px 18px;color:#fff;z-index:2}.card--image .card-cat{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:6px;text-shadow:0 1px 3px rgb(0 0 0 / .8)}.card--image .card-title{font-size:1.15rem;font-weight:700;line-height:1.25;letter-spacing:-.3px;color:#fff;text-shadow:0 2px 8px rgb(0 0 0 / .9),0 1px 2px rgb(0 0 0 / .95);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card--image .card-source{font-size:11.5px;font-weight:500;color:rgb(255 255 255 / .72);margin-top:6px;text-shadow:0 1px 4px rgb(0 0 0 / .8)}.card--image .card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);width:56px;height:56px;border-radius:50%;background:rgb(255 255 255 / .95);display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.3s ease;box-shadow:0 4px 24px rgb(0 0 0 / .3)}.card--image .card-play svg{color:var(--dark);margin-left:3px}.card--image:hover .card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.card--image .card-duration{position:absolute;top:16px;right:16px;padding:4px 10px;background:rgb(0 0 0 / .6);border-radius:var(--radius-sm);font-size:11px;font-weight:600;color:#fff;display:flex;align-items:center;gap:4px}.card--gradient{display:flex;flex-direction:column;justify-content:flex-end;padding:28px;color:#fff}.card--gradient .card-bg-gradient{position:absolute;inset:0}.card--gradient .card-content{position:relative;z-index:2}.card--gradient .card-big-number{font-size:56px;font-weight:900;letter-spacing:-2px;line-height:1;margin-bottom:8px}.card--gradient .card-stat-label{font-size:15px;font-weight:500;opacity:.85;line-height:1.4}.card--solid{display:flex;flex-direction:column;justify-content:space-between;padding:24px}.card--solid .card-top{display:flex;align-items:flex-start;justify-content:space-between}.card--solid .card-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;opacity:.6}.card--solid .card-time{font-size:12px;font-weight:500;opacity:.5}.card--solid .card-title{font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-.5px}.card--dark{background:var(--dark);color:#fff}.card--coral{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.card--ocean{background:linear-gradient(135deg,#0984e3,#6c5ce7);color:#fff}.card--mint{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff}.card--sunset{background:linear-gradient(135deg,#fdcb6e,#e17055);color:#fff}.card--lavender{background:linear-gradient(135deg,#a29bfe,#6c5ce7);color:#fff}.card--slate{background:#2d3436;color:#fff}.card--column{background:var(--surface);color:var(--text);display:flex;flex-direction:column;justify-content:space-between;border:none;box-shadow:0 1px 4px rgb(0 0 0 / .04)}.card--column .col-top{display:flex;align-items:center;gap:12px;padding:22px 22px 0}.card--column .col-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.card--column .col-author{font-family:'Lora','Georgia',serif;font-size:13px;font-weight:700;color:var(--text);line-height:1.2;letter-spacing:.2px}.card--column .col-author-sub{font-size:11px;font-weight:400;color:var(--text-muted);margin-top:2px;font-family:var(--font)}.card--column .col-body{padding:16px 22px 0;flex:1;display:flex;flex-direction:column}.card--column .col-title{font-family:'Lora','Georgia',serif;font-size:17px;font-weight:700;line-height:1.35;letter-spacing:-.1px;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card--column .col-excerpt{font-family:'Lora','Georgia',serif;font-size:13px;line-height:1.6;color:var(--text-secondary);margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-style:italic}.card--column .col-footer{padding:14px 22px 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);margin-top:auto}.card--column .col-source{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.card--column .col-read-time{font-size:11px;font-weight:500;color:var(--accent)}.float-row{position:relative;padding:24px 0 8px;overflow:hidden}.float-fade-left,.float-fade-right{position:absolute;top:0;bottom:0;width:100px;z-index:5;pointer-events:none}.float-fade-left{left:0;background:linear-gradient(to right,var(--bg) 0%,transparent 100%)}.float-fade-right{right:0;background:linear-gradient(to left,var(--bg) 0%,transparent 100%)}.float-row:hover .float-track,.float-track:hover{animation-play-state:paused}.float-track{display:flex;gap:32px;width:max-content;animation:floatScroll 30s linear infinite}.float-label{display:flex;align-items:center;gap:8px;padding:8px 20px;background:var(--surface);border:none;border-radius:var(--radius-pill);font-size:13px;font-weight:500;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;box-shadow:0 1px 4px rgb(0 0 0 / .04);transition:all 0.2s ease;cursor:pointer;text-decoration:none}.float-label:hover{color:var(--accent);background:var(--surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-card)}.float-icon{font-size:6px;color:var(--accent)}@keyframes floatScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.card-badges{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;z-index:6;pointer-events:none}.card-odak{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;background:rgb(18 22 30 / .92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .14);border-radius:var(--radius-pill);font-size:10px;font-weight:700;line-height:1;letter-spacing:.5px;color:#fff;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 8px rgb(0 0 0 / .3);z-index:6}.card-badges .card-odak{position:static;top:auto;left:auto}.card-odak::before{content:'';width:5px;height:5px;border-radius:50%;background:#38bdf8;animation:pulse 2s ease-in-out infinite;flex-shrink:0}.card-odak--perso{background:rgb(24 20 28 / .94);border:none!important;color:#fff}.card-odak--perso::before{display:none!important;content:none!important}.card-badges .card-duration{position:static;top:auto;right:auto;display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 7px;background:rgb(18 22 30 / .85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .12);border-radius:var(--radius-pill);font-size:10px;font-weight:600;line-height:1;color:rgb(255 255 255 / .9);white-space:nowrap}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--bottom-nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--header-border);z-index:90;justify-content:space-around;align-items:center;padding:0 16px}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 16px;color:var(--text-muted);font-size:10px;font-weight:500;border-radius:12px;transition:all 0.2s ease}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item:hover{color:var(--text)}.shorts-viewer{position:fixed;inset:0;background:var(--dark);z-index:2000;opacity:0;visibility:hidden;transition:opacity 0.35s ease,visibility 0.35s ease}.shorts-viewer.active{opacity:1;visibility:visible}.shorts-progress{position:absolute;top:calc(var(--admin-bar-h) + env(safe-area-inset-top, 0px));left:0;right:0;height:3px;background:rgb(255 255 255 / .15);z-index:10}.shorts-progress-bar{height:100%;background:var(--accent);width:0%;transition:width 0.1s linear;border-radius:0 2px 2px 0}.shorts-topbar{position:absolute;top:calc(var(--admin-bar-h) + env(safe-area-inset-top, 0px));left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px max(20px, env(safe-area-inset-right, 20px)) 14px max(20px, env(safe-area-inset-left, 20px));z-index:15;background:linear-gradient(to bottom,rgb(0 0 0 / .7) 0%,transparent 100%)}.shorts-back{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:500;padding:8px 16px;border-radius:var(--radius-pill);background:rgb(26 30 38 / .85);transition:var(--transition)}.shorts-back:hover{background:rgb(255 255 255 / .22)}.shorts-topbar-right{display:flex;align-items:center;gap:10px}.shorts-icon-pill{display:flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 14px;border-radius:var(--radius-pill);background:rgb(26 30 38 / .85);color:#fff;font-size:13px;font-weight:600;transition:var(--transition);cursor:pointer;border:1px solid rgb(255 255 255 / .08)}.shorts-icon-pill:hover{background:rgb(255 255 255 / .22)}.shorts-icon-pill.active{background:var(--accent);border-color:var(--accent)}.shorts-pause-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:rgb(18 22 30 / .92);border:1px solid rgb(255 255 255 / .1);color:#fff;padding:14px 22px;border-radius:var(--radius-pill);display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;z-index:20;opacity:0;pointer-events:none;transition:all 0.2s cubic-bezier(.34,1.56,.64,1)}.shorts-pause-badge.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.shorts-pause-badge.is-countdown{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto;cursor:pointer;background:rgb(18 22 30 / .94);padding:12px 24px;border-radius:var(--radius-lg);border:1px solid rgb(255 255 255 / .12);box-shadow:0 10px 30px rgb(0 0 0 / .4)}.shorts-pause-badge.is-countdown .cd-label{font-size:11px;font-weight:600;color:rgb(255 255 255 / .8);letter-spacing:.5px;text-transform:uppercase}.shorts-pause-badge.is-countdown .cd-num{font-size:32px;font-weight:800;color:var(--accent);line-height:1}.fokal-swipe-hint{position:fixed;top:50%;transform:translateY(-50%) scale(.9);background:rgb(18 22 30 / .95);border:1px solid rgb(255 255 255 / .1);color:#fff;padding:12px 22px;border-radius:var(--radius-pill);font-size:14px;font-weight:700;z-index:9999;opacity:0;pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease;will-change:opacity,transform}.fokal-swipe-hint--right{left:24px}.fokal-swipe-hint--left{right:24px}.fokal-swipe-hint.is-visible{opacity:1;transform:translateY(-50%) scale(1)}.shorts-slides{width:100%;height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none;user-select:none;-webkit-user-select:none;-webkit-overflow-scrolling:touch;transform:translateZ(0);will-change:scroll-position}.shorts-slides::-webkit-scrollbar{display:none}.shorts-slide{width:100%;height:100vh;height:100dvh;scroll-snap-align:start;position:relative;display:flex;align-items:flex-end;contain:layout style;transform:translateZ(0)}.shorts-slide:not(.is-active){content-visibility:auto;contain-intrinsic-size:100vh}.shorts-slide-bg{position:absolute;inset:0;overflow:hidden;background:#080b10;transform:translateZ(0)}.shorts-ambient-layer{position:absolute;inset:-20px;z-index:1;overflow:hidden;pointer-events:none;transform:translateZ(0);backface-visibility:hidden;contain:strict}.shorts-img-ambient,.shorts-video-ambient{width:100%;height:100%;object-fit:cover;filter:blur(36px) brightness(.28) saturate(1.4);transform:scale(1.25) translateZ(0);opacity:.9;will-change:transform}.shorts-slide:not(.is-active) .shorts-ambient-layer{display:none!important}.shorts-hero-media{position:absolute;top:0;left:0;right:0;width:100%;height:clamp(280px, 42vh, 420px);overflow:hidden;z-index:2;pointer-events:none;mask-image:linear-gradient(to bottom,rgb(0 0 0) 0%,rgb(0 0 0) 62%,rgb(0 0 0 / .85) 78%,rgb(0 0 0 / .2) 92%,#fff0 100%);-webkit-mask-image:linear-gradient(to bottom,rgb(0 0 0) 0%,rgb(0 0 0) 62%,rgb(0 0 0 / .85) 78%,rgb(0 0 0 / .2) 92%,#fff0 100%)}.shorts-hero-media.shorts-hero-media--video{height:100vh!important;height:100dvh!important;mask-image:none!important;-webkit-mask-image:none!important}.shorts-hero-img{width:100%;height:100%;object-fit:cover;object-position:center top;transform-origin:center top;will-change:transform}.shorts-hero-img.pan-ltr{transform:scale(1.38) translate3d(5.2%,0,0)}.shorts-hero-img.pan-rtl{transform:scale(1.38) translate3d(-5.2%,0,0)}.shorts-slide:not(.is-active) .shorts-hero-img.cinematic-pan{animation:none!important}.shorts-slide.is-active .shorts-hero-img.cinematic-pan.pan-ltr{animation:cinematicPanLTR 18s cubic-bezier(.2,0,.2,1) forwards!important}.shorts-slide.is-active .shorts-hero-img.cinematic-pan.pan-rtl{animation:cinematicPanRTL 18s cubic-bezier(.2,0,.2,1) forwards!important}@media (prefers-reduced-motion:reduce){.shorts-hero-img.cinematic-pan,.shorts-slide.is-active .shorts-hero-img.cinematic-pan.pan-ltr,.shorts-slide.is-active .shorts-hero-img.cinematic-pan.pan-rtl{animation:none!important;transform:none!important}}.shorts-wrapper.is-paused .shorts-hero-img{animation-play-state:paused!important}@keyframes cinematicPanLTR{0%{transform:scale(1.38) translate3d(5.2%,0,0)}50%{transform:scale(1.41) translate3d(0%,4px,0)}100%{transform:scale(1.44) translate3d(-5.2%,8px,0)}}@keyframes cinematicPanRTL{0%{transform:scale(1.38) translate3d(-5.2%,0,0)}50%{transform:scale(1.41) translate3d(0%,4px,0)}100%{transform:scale(1.44) translate3d(5.2%,8px,0)}}.shorts-hero-media video.shorts-video{width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:auto}.shorts-hero-media .shorts-video-iframe{width:100%;height:100%;border:0;pointer-events:none}.shorts-video-error-badge{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);background:#12161f;border:1px solid rgb(239 68 68 / .4);color:#fca5a5;padding:16px 22px;border-radius:var(--radius-md);font-size:13px;line-height:1.5;font-weight:600;text-align:center;max-width:85%;z-index:10;pointer-events:none;box-shadow:0 10px 30px rgb(0 0 0 / .6)}.shorts-slide-gradient{position:absolute;inset:0;background:linear-gradient(to top,#080b10 0%,#080b10 32%,rgb(8 11 16 / .94) 52%,rgb(8 11 16 / .55) 68%,rgb(8 11 16 / .15) 82%,rgb(0 0 0 / .45) 100%);pointer-events:none;z-index:3}@media (min-width:768px){.shorts-slides{max-width:520px;margin:0 auto;border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);box-shadow:0 0 80px rgb(0 0 0 / .9);position:relative}.shorts-topbar{max-width:520px;left:50%!important;transform:translateX(-50%)}.shorts-progress{max-width:520px;left:50%!important;transform:translateX(-50%)}}.shorts-slide-content{position:relative;z-index:5;width:100%;padding:0 max(20px, env(safe-area-inset-right, 20px)) max(96px, calc(80px + env(safe-area-inset-bottom, 0px))) max(20px, env(safe-area-inset-left, 20px));display:flex;gap:20px;align-items:flex-end}.shorts-slide-text{flex:1;color:#fff;max-width:calc(100% - 70px)}.shorts-slide-meta{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:10px;font-size:12px;color:rgb(255 255 255 / .7);max-width:100%}.shorts-slide-meta-row{display:flex;align-items:center;gap:6px 8px;flex-wrap:nowrap;max-width:100%}.shorts-slide-meta-row--sub{font-size:11.5px;flex-wrap:wrap;row-gap:6px;column-gap:8px;line-height:1.4}.shorts-slide-meta-row--sub .meta-byline{white-space:nowrap;flex-shrink:0}.shorts-slide-meta-row--sub .meta-sub-group{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap;max-width:100%}.shorts-slide-meta-row--sub .shorts-badge-pill{flex-shrink:0;white-space:nowrap}.shorts-slide-meta-row--sub .meta-source{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;flex-shrink:1}.shorts-slide-meta-row--sub .meta-suggested{white-space:nowrap;flex-shrink:0}.shorts-slide-meta .meta-category{font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--accent);font-size:11px;flex-shrink:0}.shorts-slide-meta .meta-dot{width:3px;height:3px;border-radius:50%;background:rgb(255 255 255 / .4);flex-shrink:0}.shorts-slide-meta .meta-source{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;display:inline-block;vertical-align:middle;flex-shrink:1;color:rgb(255 255 255 / .85)}.shorts-badge-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;background:var(--accent);color:#fff;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;line-height:1.3;box-shadow:0 2px 8px rgb(232 93 44 / .4)}.shorts-badge-pill::before{content:'';width:5px;height:5px;border-radius:50%;background:#fff;animation:pulse 1.8s ease-in-out infinite}.shorts-badge-pill--video{background:rgb(10 12 16 / .85);border:none;box-shadow:none;color:#fff;font-weight:700}.shorts-badge-pill--video::before{display:none}.shorts-badge-pill--verified{background:#065f46;border:none;color:#a7f3d0;font-weight:700}.shorts-badge-pill--verified::before{background:#34d399}.shorts-badge-pill--developing{background:#92400e;border:none;color:#fde68a;font-weight:700}.shorts-badge-pill--developing::before{background:#fbbf24}.shorts-slide-title{font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-.5px;margin-bottom:14px;text-shadow:0 2px 12px rgb(0 0 0 / .3);transition:font-size 0.5s ease,margin-bottom 0.5s ease,opacity 0.5s ease}.shorts-slide-title.shrunk{font-size:18px;margin-bottom:10px;opacity:.7}.shorts-slide-sentence{font-size:15px;line-height:1.55;color:rgb(255 255 255 / .8);min-height:48px;transition:font-size 0.5s ease,transform 0.5s ease,opacity 0.4s ease}.shorts-slide-sentence.grown{font-size:22px;line-height:1.5;color:#fff;font-weight:500}.shorts-slide-sentence.fade-out{opacity:0;transform:translateY(8px)}.shorts-sentences{display:flex;flex-direction:column;gap:8px}.shorts-sentences .sentence-line{padding:8px 14px;background:rgb(0 0 0 / .65);border-radius:var(--radius-sm);font-size:15px;line-height:1.55;color:rgb(255 255 255 / .88);transition:all 0.35s ease;opacity:.75;transform:translateY(0);cursor:pointer;user-select:none}.shorts-sentences .sentence-line:hover:not(.active){opacity:.92;background:rgb(0 0 0 / .78)}.shorts-sentences .sentence-line.visible{opacity:.85;transform:translateY(0)}.shorts-sentences .sentence-line.active{font-size:19px;color:#fff;font-weight:600;opacity:1;background:rgb(0 0 0 / .75);border-left:3px solid var(--accent)}.shorts-context-strip{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:0 12px 0 8px;height:32px;border-radius:999px;background:rgb(15 23 42 / .88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgb(255 255 255 / .2);color:#f1f5f9;text-decoration:none;font-size:11.5px;font-weight:500;line-height:1;max-width:100%;box-sizing:border-box;transition:all 0.2s cubic-bezier(.16,1,.3,1);cursor:pointer;z-index:6;user-select:none;-webkit-user-select:none;box-shadow:0 4px 16px rgb(0 0 0 / .4)}.shorts-context-strip:hover{background:rgb(30 41 59 / .96);border-color:rgb(56 189 248 / .55);transform:translateY(-1px);box-shadow:0 6px 20px rgb(0 0 0 / .5)}.shorts-context-strip:active{transform:translateY(0);opacity:.92}.context-strip-badge{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:800;color:#38bdf8;background:rgb(56 189 248 / .16);padding:2.5px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;flex-shrink:0}.context-strip-icon{font-style:normal;font-size:10.5px;line-height:1}.context-strip-dot{display:none}.context-strip-date{color:rgb(255 255 255 / .6);font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.context-strip-title{color:#fff;font-size:11.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.context-strip-arrow{display:inline-flex;align-items:center;justify-content:center;color:rgb(255 255 255 / .6);margin-left:1px;flex-shrink:0;transition:transform 0.2s ease,color 0.2s ease}.shorts-context-strip:hover .context-strip-arrow{transform:translateX(2px);color:#38bdf8}@media (max-width:768px){.shorts-context-strip{height:30px;padding:0 10px 0 6px;margin-top:8px;max-width:calc(100vw - 80px)}.context-strip-badge{font-size:9px;padding:2px 6px}.context-strip-title{max-width:170px;font-size:11px}}.shorts-action-bar{display:flex;flex-direction:column;align-items:center;gap:20px;padding-bottom:max(8px, env(safe-area-inset-bottom, 0px))}.shorts-action-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;cursor:pointer;transition:var(--transition)}.shorts-action-item:hover{transform:scale(1.1)}.shorts-action-icon{width:44px;height:44px;border-radius:50%;background:rgb(18 20 26 / .75);display:flex;align-items:center;justify-content:center;font-size:18px;transition:var(--transition)}.shorts-action-item:hover .shorts-action-icon{background:rgb(255 255 255 / .2)}.shorts-action-icon.bookmarked{background:var(--accent)}.shorts-action-count{font-size:11px;font-weight:600;color:rgb(255 255 255 / .7)}.shorts-summary-cta{position:absolute;bottom:max(20px, calc(14px + env(safe-area-inset-bottom, 0px)));left:max(20px, calc(16px + env(safe-area-inset-left, 0px)));right:max(80px, calc(80px + env(safe-area-inset-right, 0px)));z-index:10}.summary-cta-btn{width:100%;padding:14px 24px;background:rgb(22 26 34 / .88);border:1px solid rgb(255 255 255 / .12);border-radius:var(--radius-pill);color:#fff;font-size:14px;font-weight:600;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition);cursor:pointer}.summary-cta-btn:hover{background:rgb(255 255 255 / .18);border-color:rgb(255 255 255 / .25)}.summary-cta-btn svg{transition:transform 0.3s ease}.summary-cta-btn:hover svg{transform:translateY(2px)}.shorts-nav{position:absolute;right:16px;width:40px;height:40px;border-radius:50%;background:rgb(18 22 30 / .88);border:1px solid rgb(255 255 255 / .12);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;z-index:25;transition:var(--transition);cursor:pointer;box-shadow:0 4px 16px rgb(0 0 0 / .35)}.shorts-nav:hover{background:rgb(255 255 255 / .25);transform:scale(1.08)}.shorts-nav:active{transform:scale(.95)}.shorts-nav-up{top:76px}.shorts-nav-down{top:124px}.summary-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .5);z-index:3000;opacity:0;visibility:hidden;transition:var(--transition)}.summary-overlay.active{opacity:1;visibility:visible}.summary-panel{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-radius:20px 20px 0 0;z-index:3100;transform:translateY(100%);transition:transform 0.4s cubic-bezier(.32,.72,0,1);max-height:85vh;overflow-y:auto}.summary-panel.active{transform:translateY(0)}.summary-handle{width:36px;height:4px;border-radius:2px;background:var(--border);margin:12px auto 0}.summary-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 0}.summary-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.summary-close{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-secondary);transition:var(--transition)}.summary-close:hover{background:var(--bg);color:var(--text)}.summary-body{padding:20px 24px}.summary-text{font-size:17px;line-height:1.65;color:var(--text);font-weight:400}.summary-sources{padding:0 24px 16px;border-top:1px solid var(--border);padding-top:16px}.summary-sources-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.summary-sources-list{display:flex;flex-wrap:wrap;gap:8px}.source-tag{padding:5px 12px;background:var(--bg);border-radius:var(--radius-pill);font-size:12px;font-weight:500;color:var(--text-secondary)}.summary-storyline{padding:0 24px 20px;border-top:1px solid var(--border);padding-top:16px}.summary-body .summary-storyline{padding-left:0;padding-right:0;padding-bottom:0}.summary-storyline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.summary-storyline-title-wrap{display:flex;align-items:center;gap:6px}.summary-storyline-icon{font-size:13px}.summary-storyline-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0}.summary-storyline-count{font-size:10.5px;font-weight:700;padding:2px 7px;background:rgb(56 189 248 / .15);border:1px solid rgb(56 189 248 / .3);border-radius:100px;color:#38bdf8}.summary-storyline-timeline{position:relative;padding-left:20px;padding-right:6px;display:flex;flex-direction:column;gap:12px;max-height:195px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(56 189 248 / .35) #fff0}.summary-storyline-timeline::-webkit-scrollbar{width:4px}.summary-storyline-timeline::-webkit-scrollbar-track{background:#fff0}.summary-storyline-timeline::-webkit-scrollbar-thumb{background:rgb(56 189 248 / .3);border-radius:4px}.summary-storyline-timeline::-webkit-scrollbar-thumb:hover{background:rgb(56 189 248 / .6)}.storyline-timeline-item{position:relative;display:flex;align-items:flex-start;gap:10px;text-decoration:none;padding:3px 0}.storyline-timeline-item:not(:last-child)::after{content:'';position:absolute;left:-15px;top:14px;bottom:-12px;width:2px;background:var(--border);border-radius:1px}color:var(--text);transition:transform 0.2s ease,opacity 0.2s ease}.storyline-timeline-item:hover{transform:translateX(3px)}.storyline-timeline-marker{position:absolute;left:-19px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--border);border:2px solid var(--surface,#fff);transition:background 0.2s ease,border-color 0.2s ease}.storyline-timeline-item.current .storyline-timeline-marker{background:var(--accent);box-shadow:0 0 0 3px rgb(224 83 32 / .28)}.storyline-timeline-item:hover .storyline-timeline-marker{background:var(--accent)}.storyline-timeline-content{display:flex;flex-direction:column;gap:2px}.storyline-timeline-date{font-size:11px;font-weight:600;color:var(--text-muted)}.storyline-timeline-item.current .storyline-timeline-date{color:var(--accent)}.storyline-timeline-title{font-size:13.5px;font-weight:500;line-height:1.35;color:var(--text)}.storyline-timeline-item.current .storyline-timeline-title{font-weight:700;color:var(--text)}.summary-actions{padding:0 24px 24px}.summary-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--accent);color:#ffffff!important;border-radius:var(--radius-pill);font-size:14px;font-weight:600;transition:var(--transition);text-decoration:none}.summary-cta svg{color:#fff;stroke:#fff;transition:transform 0.2s ease}.summary-cta:hover{background:#d44d1e;color:#ffffff!important;transform:translateX(2px)}.summary-cta:hover svg{transform:translateX(3px)}.comments-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .5);z-index:3000;opacity:0;visibility:hidden;transition:var(--transition)}.comments-overlay.active{opacity:1;visibility:visible}.comments-panel{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-radius:20px 20px 0 0;z-index:3100;transform:translateY(100%);transition:transform 0.4s cubic-bezier(.32,.72,0,1);height:70vh;max-height:600px;display:flex;flex-direction:column;box-shadow:0 -10px 40px rgb(0 0 0 / .2)}.comments-panel.active{transform:translateY(0)}.comments-handle{width:36px;height:4px;border-radius:2px;background:var(--border);margin:12px auto 0;flex-shrink:0}.comments-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.comments-title{font-size:14px;font-weight:700;color:var(--text)}.comments-count{font-size:13px;font-weight:500;color:var(--text-muted)}.comments-close{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-secondary);transition:var(--transition)}.comments-close:hover{background:var(--bg);color:var(--text)}.comments-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px}.comment-item{display:flex;gap:12px;align-items:flex-start}.comment-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--accent);flex-shrink:0}.comment-content-wrap{flex:1;min-width:0}.comment-author-row{display:flex;align-items:center;gap:8px;margin-bottom:3px}.comment-author{font-size:12.5px;font-weight:600;color:var(--text)}.comment-time{font-size:11px;color:var(--text-muted)}.comment-text{font-size:13.5px;line-height:1.45;color:var(--text);word-break:break-word}.comments-empty{margin:auto;text-align:center;padding:30px 20px}.comments-empty-icon{font-size:36px;margin-bottom:8px}.comments-empty-text{font-size:15px;font-weight:700;color:var(--text);margin-bottom:4px}.comments-empty-sub{font-size:13px;color:var(--text-secondary)}.comments-loading{text-align:center;padding:30px;font-size:13px;color:var(--text-muted)}.comments-form{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.comments-input{flex:1;height:40px;border-radius:100px;border:1px solid var(--border);padding:0 16px;font-size:13px;font-family:inherit;color:var(--text);background:var(--bg);outline:none;transition:border-color 0.2s}.comments-input:focus{border-color:var(--text);background:var(--surface)}.comments-submit-btn{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;transition:transform 0.2s,background 0.2s;flex-shrink:0}.comments-submit-btn:hover{background:#d44d1e;transform:scale(1.05)}@media (min-width:900px){.comments-panel{left:auto;right:28px;bottom:28px;width:380px;height:600px;border-radius:20px;transform:translateX(120%)}.comments-panel.active{transform:translateX(0)}.comments-handle{display:none}}.mobile-featured{display:none}@media (max-width:1024px){.header-center{display:none}.card{height:240px}.card.big{height:240px;width:380px}.card.wide{width:320px}.shorts-nav{display:flex}.sidebar{width:220px}.sidebar-card .card-title{font-size:15px}}@media (max-width:768px){:root{--header-nav-h:54px;--card-gap:10px}html,body{overflow-x:hidden;max-width:100vw}.header-inner{padding:0 16px}.header-center{display:none}.logo-text{font-size:20px}.main{min-height:100svh;height:auto;padding-top:calc(var(--header-h) + var(--admin-bar-h));padding-bottom:80px;gap:12px;overflow-x:hidden}.content-wrap{flex-direction:column;gap:0;overflow:hidden;width:100%}.content-rows{display:flex;flex-direction:column;width:100%;overflow:hidden}.sidebar{display:none}.mobile-featured{order:-2;display:block;margin:0 0 16px 0;border-radius:0 0 20px 20px;overflow:hidden;position:relative;width:100%;aspect-ratio:1 / 1;height:auto;max-height:min(100vw, 440px);background:#0d1117;box-shadow:0 8px 30px rgb(0 0 0 / .45);transition:transform 0.3s ease,box-shadow 0.3s ease}.mobile-featured .mf-slides{position:absolute;inset:0;width:100%;height:100%}.mobile-featured .mf-slide{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none;transition:opacity 0.35s ease;text-decoration:none}.mobile-featured .mf-slide.active{opacity:1;pointer-events:auto}.mobile-featured .mf-slide:active{transform:scale(.99)}.mobile-featured .mf-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}.mobile-featured .mf-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(5 7 10 / .96) 0%,rgb(5 7 10 / .72) 32%,rgb(5 7 10 / .22) 60%,rgb(0 0 0 / .05) 78%,transparent 100%);z-index:2}.mobile-featured .mf-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 18px;color:#fff;z-index:5}.mobile-featured .mf-badge,.mobile-featured .mf-source{display:none!important}.mobile-featured .mf-title{font-size:clamp(20px, 5.4vw, 24px);font-weight:800;line-height:1.24;color:#fff;letter-spacing:-.025em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 10px rgb(0 0 0 / .85),0 1px 3px rgb(0 0 0 / .95);margin:0}.mobile-featured .mf-dots{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:6px;z-index:10;background:rgb(0 0 0 / .4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:5px 10px;border-radius:999px;border:1px solid rgb(255 255 255 / .12)}.mobile-featured .mf-dot{width:6px;height:6px;border-radius:50%;background:rgb(255 255 255 / .45);transition:all 0.25s cubic-bezier(.4,0,.2,1);cursor:pointer}.mobile-featured .mf-dot.active{width:18px;border-radius:999px;background:var(--accent,#e85d2c)}.story-tray{order:-1;margin:0 16px 14px 16px;border-radius:14px}.card-row{gap:8px;overflow:hidden}.card-row-header{padding:0 16px}.card-row-title{font-size:14px}.row-pills{gap:2px;padding:2px}.row-pill{padding:3px 8px;font-size:10px}.row-filter-btn{padding:4px 10px;font-size:11px}.card-track{height:190px;padding:0 16px 6px;gap:10px;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;cursor:default;user-select:auto;-webkit-user-select:auto;scroll-padding-left:16px}.card-track::-webkit-scrollbar{display:none}.card{height:180px;width:200px;border-radius:14px}.card.big{width:260px;height:180px}.card.wide{width:240px;height:180px}.card.medium{width:200px;height:180px}.card.narrow{width:180px;height:180px}.card--image .card-content{padding:14px}.card--image .card-cat{font-size:9px;margin-bottom:5px}.card--image .card-title{font-size:14px;line-height:1.2;text-shadow:0 0 10px #000}.card--image .card-source{font-size:10px;margin-top:5px}.card--gradient{padding:20px}.card--gradient .card-big-number{font-size:30px;letter-spacing:-1px;margin-bottom:5px}.card--gradient .card-stat-label{font-size:11px}.card--gradient .card-content{padding:0}.card--solid{padding:16px}.card--solid .card-title{font-size:14px}.card--column .col-top{padding:12px 12px 0;gap:8px}.card--column .col-avatar{width:28px;height:28px}.card--column .col-author{font-size:11px}.card--column .col-body{padding:8px 12px 0}.card--column .col-title{font-size:12px}.card--column .col-excerpt{font-size:10px;margin-top:4px}.card--column .col-footer{padding:8px 12px 10px}.card--column .col-source,.card--column .col-read-time{font-size:9px}.card-odak{top:10px;left:10px;padding:4px 10px;font-size:9px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:auto;min-height:60px;background:var(--bottom-nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--header-border);z-index:150;justify-content:space-around;align-items:center;padding-bottom:max(6px, env(safe-area-inset-bottom, 0px))}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;color:var(--text-muted);font-size:10px;font-weight:600;border-radius:12px;background:none;border:none;cursor:pointer;text-decoration:none}.bottom-nav-item.active{color:var(--accent)}[data-theme="dark"] .bottom-nav{background:var(--bottom-nav-bg);border-top-color:var(--header-border)}[data-theme="dark"] .bottom-nav-item{color:var(--text-muted)}[data-theme="dark"] .bottom-nav-item.active{color:var(--accent)}.scroll-hint{display:none}.float-row{padding:6px 0}.float-track{gap:16px;animation-duration:25s}.float-label{font-size:11px;padding:6px 14px}.float-fade-left,.float-fade-right{width:60px}.row-nav-btns{display:none}.shorts-nav{display:none}.shorts-slide-content{padding:0 16px max(110px, calc(env(safe-area-inset-bottom) + 90px));gap:14px}.shorts-slide-title{font-size:24px}.shorts-slide-title.shrunk{font-size:16px}.shorts-sentences .sentence-line{font-size:13px;padding:6px 12px}.shorts-sentences .sentence-line.active{font-size:17px}.shorts-action-icon{width:40px;height:40px}.shorts-action-bar{bottom:max(20px, env(safe-area-inset-bottom))}.shorts-summary-cta{left:16px;right:68px;bottom:max(20px, env(safe-area-inset-bottom))}.summary-cta-btn{padding:12px 20px;font-size:13px}.summary-text{font-size:15px}.site-footer{padding:36px 16px 90px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}}.shorts-video-ambient,.card-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.video-badge{position:absolute;top:12px;right:12px;padding:4px 10px;background:rgb(0 0 0 / .65);border-radius:var(--radius-sm);font-size:11px;font-weight:700;color:#fff;display:inline-flex;align-items:center;gap:5px;z-index:5;letter-spacing:.5px}.card-track{cursor:grab}.card-track.grabbing{cursor:grabbing;user-select:none;-webkit-user-select:none}.card-track.grabbing *{user-select:none;-webkit-user-select:none}.site-footer{background:var(--surface);border-top:1px solid var(--border);padding:60px 28px 40px;margin-top:48px;position:relative;z-index:10}.footer-inner{max-width:1600px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:48px}.footer-brand .footer-logo{display:inline-flex;align-items:center;gap:2px;margin-bottom:14px}.footer-brand .footer-desc{font-size:13.5px;line-height:1.6;color:var(--text-secondary);max-width:320px;margin-bottom:20px}.footer-col-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text);margin-bottom:16px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:13.5px;color:var(--text-secondary);transition:color 0.2s ease}.footer-links a:hover{color:var(--accent)}.footer-social-links{display:flex;align-items:center;gap:10px;margin-top:6px}.footer-social-btn{width:36px;height:36px;border-radius:50%;background:var(--surface-hover);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all 0.2s ease}.footer-social-btn:hover{background:var(--accent-light);color:var(--accent);transform:translateY(-2px)}.footer-newsletter p{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.footer-newsletter-form{display:flex;gap:8px}.footer-newsletter-input{flex:1;padding:10px 14px;font-size:13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-family:inherit;color:var(--text)}.footer-newsletter-input:focus{outline:none;border-color:var(--accent)}.footer-newsletter-btn{padding:10px 16px;background:var(--text);color:var(--bg);font-size:13px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:background 0.2s ease;white-space:nowrap}.footer-newsletter-btn:hover{background:var(--accent)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text-muted)}.footer-bottom-links{display:flex;gap:20px}.footer-bottom-links a{color:var(--text-muted);transition:color 0.2s ease}.footer-bottom-links a:hover{color:var(--text)}.screen-reader-text,.visually-hidden,.sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.fokal-splash{position:fixed;inset:0;z-index:999999;background:#0d1117;display:flex;align-items:center;justify-content:center;transition:opacity 0.5s cubic-bezier(.16,1,.3,1),transform 0.5s cubic-bezier(.16,1,.3,1);pointer-events:auto}.fokal-splash-inner{display:flex;align-items:center;gap:12px;animation:fokalSplashPulse 0.8s ease-in-out infinite alternate}.fokal-splash-dot{width:22px;height:22px;border-radius:50%;background:#e63946;box-shadow:0 0 25px #e63946,0 0 50px rgb(230 57 70 / .4);animation:fokalDotGlow 0.8s ease-in-out infinite alternate}.fokal-splash-text{font-size:28px;font-weight:900;letter-spacing:-.04em;color:#fff;font-family:var(--font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif)}.fokal-splash--reveal{opacity:0;transform:scale(1.08);pointer-events:none}@keyframes fokalSplashPulse{from{transform:scale(.95);opacity:.9}to{transform:scale(1.03);opacity:1}}@keyframes fokalDotGlow{from{box-shadow:0 0 15px #e63946}to{box-shadow:0 0 35px #e63946,0 0 70px rgb(230 57 70 / .6)}}.shorts-heart-burst{position:fixed;width:90px;height:90px;transform:translate(-50%,-50%) scale(0);pointer-events:none;z-index:99999;color:#e63946;filter:drop-shadow(0 0 15px rgb(230 57 70 / .8));animation:heartBurstAnim 0.75s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes heartBurstAnim{0%{transform:translate(-50%,-50%) scale(.2);opacity:.8}45%{transform:translate(-50%,-50%) scale(1.35);opacity:1}100%{transform:translate(-50%,-75%) scale(1);opacity:0}}.voice-equalizer-bars{display:inline-flex;align-items:flex-end;gap:2.5px;height:14px;vertical-align:middle}.voice-equalizer-bars span{width:3px;background:#fff;border-radius:2px;animation:soundWave 0.7s ease-in-out infinite alternate}.voice-equalizer-bars span:nth-child(1){height:6px;animation-delay:0.1s}.voice-equalizer-bars span:nth-child(2){height:14px;animation-delay:0.3s}.voice-equalizer-bars span:nth-child(3){height:8px;animation-delay:0.2s}@keyframes soundWave{0%{height:4px}100%{height:14px}}.fokal-ptr-indicator{position:fixed;top:calc(var(--header-h, 54px) + 12px);left:50%;transform:translateX(-50%) translateY(-60px);width:42px;height:42px;border-radius:50%;background:rgb(24 28 36 / .96);border:1px solid rgb(255 255 255 / .1);box-shadow:0 4px 18px rgb(0 0 0 / .28);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:transform 0.25s ease,opacity 0.25s ease;pointer-events:none}.fokal-ptr-indicator.visible{opacity:1;transform:translateX(-50%) translateY(0)}.fokal-ptr-dot{width:14px;height:14px;border-radius:50%;background:#e63946;box-shadow:0 0 12px #e63946}.fokal-ptr-indicator.refreshing .fokal-ptr-dot{animation:ptrSpin 0.7s linear infinite}@keyframes ptrSpin{from{transform:rotate(0deg) scale(.9)}to{transform:rotate(360deg) scale(1.15)}}.bookmarks-drawer{position:fixed;inset:0;background:rgb(0 0 0 / .65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:99999;display:flex;align-items:flex-end;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.bookmarks-drawer.active{opacity:1;visibility:visible}.bookmarks-drawer-content{width:100%;max-height:80vh;background:var(--surface,#181c24);border-radius:20px 20px 0 0;border:none;box-shadow:0 -10px 40px rgb(0 0 0 / .4);display:flex;flex-direction:column;transform:translateY(100%);transition:transform 0.35s cubic-bezier(.16,1,.3,1);padding-bottom:max(20px, env(safe-area-inset-bottom))}.bookmarks-drawer.active .bookmarks-drawer-content{transform:translateY(0)}.bookmarks-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.bookmarks-drawer-title{font-size:16px;font-weight:700;color:var(--text,#fff);display:flex;align-items:center;gap:8px;margin:0}.bookmarks-drawer-close{background:none;border:none;color:var(--text-muted,#9ca3af);cursor:pointer;padding:6px;font-size:20px;line-height:1}.bookmarks-drawer-list{overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.bookmark-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:rgb(255 255 255 / .04);border-radius:12px;text-decoration:none;color:var(--text,#fff);transition:background 0.15s ease}.bookmark-item:active{background:rgb(255 255 255 / .09)}.bookmark-item-title{font-size:13px;font-weight:600;line-height:1.35;flex:1}.bookmark-item-cat{font-size:10px;font-weight:700;color:var(--accent,#e63946);text-transform:uppercase}.bookmarks-empty{text-align:center;padding:30px 16px;color:var(--text-muted,#9ca3af);font-size:13px}.fokal-pagination-wrap{margin:40px 0 20px;display:flex;justify-content:center;width:100%}.fokal-pagination-wrap .pagination,.fokal-pagination-wrap .nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin:0}.fokal-pagination-wrap .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 14px;border-radius:999px;background:var(--surface,#1e293b);color:var(--text,#f8fafc);border:1px solid var(--border-subtle);font-size:14px;font-weight:600;text-decoration:none;transition:all 0.2s ease}.fokal-pagination-wrap .page-numbers:hover{background:var(--surface-hover,#334155);border-color:var(--accent,#e63946);color:#fff;transform:translateY(-1px)}.fokal-pagination-wrap .page-numbers.current{background:var(--accent,#e63946);border-color:var(--accent,#e63946);color:#fff;box-shadow:0 4px 14px rgb(230 57 70 / .35);cursor:default}.fokal-pagination-wrap .page-numbers.dots{background:#fff0;border-color:#fff0;cursor:default;color:var(--text-muted,#94a3b8)}.page-404-wrap{min-height:calc(100vh - 280px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(var(--header-h, 60px) + var(--admin-bar-h, 0px) + 48px) 24px 80px;text-align:center;box-sizing:border-box;width:100%}.page-404-hero{max-width:580px;margin:0 auto 50px;display:flex;flex-direction:column;align-items:center}.page-404-glitch{font-size:clamp(84px, 15vw, 136px);font-weight:900;line-height:1;letter-spacing:-4px;color:var(--text);margin:0 0 16px;position:relative;display:inline-block;font-family:var(--font)}.page-404-dot{color:var(--accent)}.page-404-title{font-size:clamp(22px, 3.5vw, 32px);font-weight:800;margin:0 0 12px;color:var(--text);font-family:var(--font);letter-spacing:-.5px}.page-404-desc{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:0 0 28px;max-width:480px}.page-404-search-form{margin-bottom:24px;width:100%;max-width:440px;margin-left:auto;margin-right:auto}.page-404-search-input-wrap{position:relative;display:flex;align-items:center;width:100%}.page-404-search-icon{position:absolute;left:18px;color:var(--text-muted);pointer-events:none}.page-404-search-input{width:100%;height:50px;padding:0 20px 0 50px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill,100px);color:var(--text);font-size:14px;font-family:var(--font);outline:none;transition:var(--transition);box-shadow:0 2px 10px rgb(0 0 0 / .04)}.page-404-search-input::placeholder{color:var(--text-muted)}.page-404-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgb(232 93 44 / .18)}.page-404-home-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--accent);color:#ffffff!important;font-size:14px;font-weight:700;border-radius:var(--radius-pill,100px);text-decoration:none;transition:var(--transition);box-shadow:0 4px 16px rgb(232 93 44 / .3)}.page-404-home-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgb(232 93 44 / .45);color:#ffffff!important}.page-404-rec-section{width:100%;max-width:1100px;margin-top:10px;text-align:left}.page-404-rec-title{font-size:20px;font-weight:800;margin-bottom:20px;color:var(--text);font-family:var(--font);letter-spacing:-.3px;display:flex;align-items:center;gap:10px}.page-404-rec-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}.page-404-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:1024px){.page-404-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.page-404-grid{grid-template-columns:1fr}}.page-404-card{display:flex;flex-direction:column;justify-content:flex-end;position:relative;height:270px;border-radius:var(--radius-sm,14px);overflow:hidden;padding:18px;text-decoration:none;color:#fff;background-color:var(--surface);background-size:cover;background-position:center;box-shadow:var(--shadow-card);transition:transform var(--transition),box-shadow var(--transition)}.page-404-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgb(0 0 0 / .25)}.page-404-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgb(0 0 0 / .65) 65%,rgb(0 0 0 / .92) 100%);pointer-events:none}.page-404-card-body{position:relative;z-index:2}.page-404-card-cat{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--accent);margin-bottom:6px}.page-404-card-title{font-size:15px;font-weight:700;line-height:1.35;margin:0;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.page-404-card-meta{display:block;font-size:11px;color:rgb(255 255 255 / .65);margin-top:6px}.footer-telegram{display:flex;flex-direction:column}.footer-telegram-desc{font-size:13px;color:var(--text-muted,#94a3b8);line-height:1.5;margin:0 0 16px}.footer-actions-group{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.footer-pwa-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 20px;background:var(--accent,#e85d2c);color:#fff!important;font-size:13px;font-weight:700;font-family:inherit;border:none;border-radius:12px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 14px rgb(232 93 44 / .3);width:fit-content;text-decoration:none}.footer-pwa-btn:hover{background:var(--accent-hover,#d24e1f);transform:translateY(-2px);box-shadow:0 6px 18px rgb(232 93 44 / .45)}.footer-pwa-btn:active{transform:translateY(0)}.footer-pwa-btn svg{flex-shrink:0}.footer-telegram-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 20px;background:#229ED9;color:#fff!important;font-size:13px;font-weight:700;border-radius:12px;text-decoration:none;transition:all 0.2s ease;box-shadow:0 4px 14px rgb(34 158 217 / .3);width:fit-content}.footer-telegram-btn:hover{background:#1b86b9;transform:translateY(-2px);box-shadow:0 6px 18px rgb(34 158 217 / .45)}.fokal-share-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.25s ease}.fokal-share-modal.active{opacity:1;pointer-events:auto}.fokal-share-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .65)}.fokal-share-sheet{position:relative;z-index:2;background:var(--surface,#1e293b);border:none;border-radius:20px 20px 0 0;width:100%;max-width:480px;padding:20px 24px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgb(0 0 0 / .5);transform:translateY(100%);transition:transform 0.3s cubic-bezier(.16,1,.3,1)}.fokal-share-modal.active .fokal-share-sheet{transform:translateY(0)}@media (min-width:640px){.fokal-share-modal{align-items:center}.fokal-share-sheet{border-radius:20px;padding:24px;transform:scale(.92)}.fokal-share-modal.active .fokal-share-sheet{transform:scale(1)}}.fokal-share-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.fokal-share-title{font-size:17px;font-weight:700;color:var(--text,#fff);margin:0}.fokal-share-close{background:none;border:none;color:var(--text-muted,#94a3b8);font-size:18px;cursor:pointer;padding:4px;line-height:1}.fokal-share-preview{background:rgb(255 255 255 / .04);border-radius:10px;padding:10px 14px;margin-bottom:20px}.fokal-share-preview-title{font-size:13px;font-weight:600;color:var(--text-muted,#cbd5e1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fokal-share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fokal-share-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border-radius:14px;background:rgb(255 255 255 / .03);border:1px solid rgb(255 255 255 / .06);color:var(--text,#fff)!important;text-decoration:none;cursor:pointer;transition:all 0.2s ease;font-size:11px;font-weight:600}.fokal-share-btn:hover{background:rgb(255 255 255 / .08);transform:translateY(-2px)}.fokal-share-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform 0.2s ease}.fokal-share-btn:hover .fokal-share-icon{transform:scale(1.08)}.fokal-share-wa .fokal-share-icon{background:#25D366}.fokal-share-tg .fokal-share-icon{background:#229ED9}.fokal-share-tw .fokal-share-icon{background:#000;border:1px solid rgb(255 255 255 / .2)}.fokal-share-copy .fokal-share-icon{background:var(--surface-hover,#475569)}.card-row{content-visibility:auto;contain-intrinsic-size:1px 260px}.site-footer{content-visibility:auto;contain-intrinsic-size:1px 380px}.card-bg,.cinematic-zoom{background-color:var(--surface,#1e293b);transition:opacity 0.3s ease,filter 0.3s ease}.fokal-lazy-pending{opacity:.2;filter:blur(8px);background:linear-gradient(90deg,rgb(255 255 255 / .03) 25%,rgb(255 255 255 / .08) 50%,rgb(255 255 255 / .03) 75%);background-size:200% 100%;animation:fokalShimmer 1.5s infinite}.fokal-loaded{opacity:1!important;filter:blur(0)!important}@keyframes fokalShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.card--image{aspect-ratio:3 / 2;contain:layout paint}.shorts-slide-bg{width:100%;height:100%}@media (max-width:380px){.shorts-slide-title{font-size:22px;line-height:1.22;margin-bottom:8px}.shorts-slide-sentence{font-size:13.5px;min-height:40px}.shorts-slide-sentence.grown{font-size:17px}.summary-cta-btn{padding:10px 16px;font-size:12.5px}.shorts-action-icon{width:38px;height:38px;font-size:16px}.shorts-action-bar{gap:14px}.shorts-topbar .shorts-back{padding:6px 12px;font-size:12.5px}.shorts-icon-pill{height:34px;padding:0 10px;font-size:12px}.card-title{font-size:14px;line-height:1.25}}@media (orientation:landscape) and (max-height:520px){.shorts-topbar{padding:8px max(16px, env(safe-area-inset-right, 16px)) 8px max(16px, env(safe-area-inset-left, 16px))}.shorts-slide-content{padding:0 max(65px, calc(50px + env(safe-area-inset-right, 0px))) 44px max(20px, env(safe-area-inset-left, 20px));align-items:flex-end}.shorts-slide-title{font-size:18px;margin-bottom:5px}.shorts-slide-sentence{font-size:12.5px;line-height:1.35;min-height:32px}.shorts-slide-sentence.grown{font-size:15px}.shorts-summary-cta{bottom:10px;left:max(20px, env(safe-area-inset-left, 20px));right:max(65px, calc(50px + env(safe-area-inset-right, 0px)))}.summary-cta-btn{padding:7px 14px;font-size:11.5px}.shorts-action-bar{gap:10px;padding-bottom:4px}.shorts-action-icon{width:34px;height:34px;font-size:15px}.shorts-nav{display:none!important}}@media (min-width:768px) and (max-height:820px){.shorts-slide-content{padding-bottom:74px!important}.shorts-action-bar{gap:12px;padding-bottom:0}.shorts-action-icon{width:38px;height:38px;font-size:16px}.shorts-action-count{font-size:10px}.shorts-slide-title{font-size:clamp(16px, 2.2vh, 20px)!important;margin-bottom:6px!important}.sentence-line{padding:6px 12px!important;font-size:13px!important;line-height:1.35!important;margin-bottom:4px!important}.summary-cta-btn{padding:9px 18px!important;font-size:12.5px!important}}.card.is-seen,.mobile-featured.is-seen,.mf-slide.is-seen,.sidebar-card.is-seen{position:relative}.card.is-seen::after,.mobile-featured.is-seen::after,.mf-slide.is-seen::after,.sidebar-card.is-seen::after{content:'✓ İzlendi';position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;background:rgb(18 22 30 / .92);color:rgb(255 255 255 / .95);font-size:10px;font-weight:600;line-height:1;letter-spacing:.3px;padding:3.5px 8px;border-radius:var(--radius-pill);border:1px solid rgb(255 255 255 / .12);box-shadow:0 2px 8px rgb(0 0 0 / .25);pointer-events:none;z-index:6}.card.is-seen:has(.card-duration)::after{top:44px}@media (max-width:640px){.card.is-seen::after,.mobile-featured.is-seen::after,.mf-slide.is-seen::after{top:10px;right:10px;font-size:9.5px;padding:3px 7px}.card.is-seen:has(.card-duration)::after{top:38px}}.pwa-install-banner{position:fixed;bottom:calc(68px + env(safe-area-inset-bottom, 0px));left:14px;right:14px;max-width:480px;margin:0 auto;background:#12161e;border:1px solid rgb(255 255 255 / .1);border-radius:var(--radius-lg);box-shadow:0 14px 40px rgb(0 0 0 / .5);z-index:1000;transform:translateY(130%);opacity:0;transition:transform 0.4s cubic-bezier(.16,1,.3,1),opacity 0.3s ease;pointer-events:none}.pwa-install-banner.active{transform:translateY(0);opacity:1;pointer-events:auto}.pwa-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px}.pwa-banner-left{display:flex;align-items:center;gap:12px;min-width:0}.pwa-banner-logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--accent,#e85d2c) 0%,#ff8c42 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgb(232 93 44 / .35)}.pwa-logo-f{color:#fff;font-family:var(--font-heading,inherit);font-weight:900;font-size:20px;line-height:1}.pwa-banner-text{display:flex;flex-direction:column;gap:2px;min-width:0}.pwa-banner-title{color:#fff;font-size:13.5px;font-weight:700;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-banner-desc{color:rgb(255 255 255 / .65);font-size:11.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-banner-desc strong{color:#fff;font-weight:600}.pwa-banner-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.pwa-btn-install{padding:7px 15px;background:var(--accent,#e85d2c);color:#fff;border:none;border-radius:100px;font-size:12px;font-weight:700;cursor:pointer;transition:transform 0.2s ease,background 0.2s ease;white-space:nowrap}.pwa-btn-install:hover{background:#d44d21;transform:scale(1.04)}.pwa-btn-ios{background:rgb(255 255 255 / .15);color:#fff;border:1px solid rgb(255 255 255 / .2)}.pwa-btn-close{width:28px;height:28px;border-radius:50%;background:#fff0;border:none;color:rgb(255 255 255 / .5);font-size:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color 0.2s ease,background 0.2s ease}.pwa-btn-close:hover{color:#fff;background:rgb(255 255 255 / .1)}@media (min-width:768px){.pwa-install-banner{bottom:24px;left:auto;right:24px;width:380px}}.fokal-refresh-pill{position:fixed;top:calc(var(--header-h, 60px) + var(--admin-bar-h, 0px) + 20px);left:50%;transform:translate(-50%,-24px) scale(.92);background:#16181d;border:1px solid rgb(255 255 255 / .1);border-radius:var(--radius-pill);padding:8px 14px 8px 16px;display:flex;align-items:center;gap:12px;z-index:9999;box-shadow:0 10px 32px rgb(0 0 0 / .35);opacity:0;pointer-events:none;transition:all 0.35s cubic-bezier(.34,1.56,.64,1)}[data-theme="light"] .fokal-refresh-pill{background:rgb(255 255 255 / .96);border-color:rgb(0 0 0 / .08);box-shadow:0 10px 30px rgb(0 0 0 / .12)}.fokal-refresh-pill.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,0) scale(1)}.fokal-refresh-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgb(232 93 44 / .7);animation:refreshPulse 1.8s infinite}@keyframes refreshPulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgb(232 93 44 / .7)}70%{transform:scale(1);box-shadow:0 0 0 8px #fff0}100%{transform:scale(.95);box-shadow:0 0 0 0 #fff0}}.fokal-refresh-text{font-size:13px;font-weight:600;color:var(--text);font-family:var(--font);white-space:nowrap}.fokal-refresh-action{padding:6px 14px;background:var(--accent);color:#ffffff!important;border:none;border-radius:var(--radius-pill,100px);font-size:12px;font-weight:700;font-family:var(--font);cursor:pointer;transition:var(--transition);box-shadow:0 2px 8px rgb(232 93 44 / .3)}.fokal-refresh-action:hover{transform:scale(1.04);box-shadow:0 4px 12px rgb(232 93 44 / .45)}.fokal-refresh-dismiss{background:#fff0;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:2px 6px;line-height:1;transition:color 0.2s ease}.fokal-refresh-dismiss:hover{color:var(--text)}@media (max-width:1099px){.shorts-desktop-sidebar{position:absolute!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;pointer-events:none!important;visibility:visible!important}.shorts-desktop-studio{display:contents!important}.shorts-desktop-center{display:contents!important}}@media (min-width:1100px){.shorts-viewer{display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,#13171f 0%,#080b10 100%)}.shorts-desktop-studio{display:flex;align-items:center;justify-content:center;gap:28px;width:100%;max-width:1360px;height:100vh;height:100dvh;margin:0 auto;padding:20px 24px;box-sizing:border-box;position:relative;z-index:10}.shorts-desktop-sidebar{display:flex;flex-direction:column;height:min(880px, calc(100vh - 40px));height:min(880px, calc(100dvh - 40px));background:#12151c;border:1px solid var(--border-subtle);border-radius:24px;box-shadow:0 16px 48px rgb(0 0 0 / .45);overflow:hidden;box-sizing:border-box}.shorts-desktop-sidebar--left{width:270px;flex-shrink:0;padding:24px 20px}.s-side-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.s-side-header .logo{text-decoration:none;display:inline-flex}.s-side-header .logo-text{color:#fff}.s-side-nav{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .15) #fff0;display:flex;flex-direction:column;gap:24px}.s-nav-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:rgb(255 255 255 / .45);margin-bottom:12px}.s-cat-list,.s-quick-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.s-cat-btn{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:12px;text-decoration:none;color:rgb(255 255 255 / .75);font-size:13.5px;font-weight:600;transition:all 0.2s ease;background:#fff0}.s-cat-btn:hover{background:rgb(255 255 255 / .06);color:#fff;transform:translateX(3px)}.s-cat-btn.is-active{background:var(--accent);color:#fff;box-shadow:0 4px 16px rgb(232 93 44 / .35)}.s-cat-dot{width:6px;height:6px;border-radius:50%;background:rgb(255 255 255 / .4)}.s-cat-btn.is-active .s-cat-dot{background:#fff}.s-cat-name{flex:1}.s-cat-count{font-size:11px;opacity:.65;padding:2px 7px;background:rgb(255 255 255 / .1);border-radius:100px}.s-cat-btn.is-active .s-cat-count{background:rgb(0 0 0 / .2);opacity:.9}.s-quick-btn{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;color:rgb(255 255 255 / .65);font-size:13px;font-weight:600;text-decoration:none;transition:all 0.2s ease}.s-quick-btn:hover{background:rgb(255 255 255 / .06);color:#fff}.shorts-desktop-center{width:480px;height:min(880px, calc(100vh - 40px));height:min(880px, calc(100dvh - 40px));flex-shrink:0;position:relative;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgb(0 0 0 / .9),0 0 0 1px rgb(255 255 255 / .1)}.shorts-desktop-center .shorts-slides{width:100%;height:100%;max-width:100%;margin:0;border:none;border-radius:24px}.shorts-desktop-center .shorts-slide{height:100%}.shorts-desktop-center .shorts-topbar{position:absolute!important;top:0!important;left:0!important;right:0!important;max-width:100%!important;transform:none!important;padding:16px 18px 24px!important;border-radius:24px 24px 0 0;z-index:20}.shorts-desktop-center .shorts-progress{position:absolute!important;top:0!important;left:0!important;right:0!important;max-width:100%!important;transform:none!important;border-radius:24px 24px 0 0;overflow:hidden;z-index:25}.shorts-desktop-center .shorts-progress-bar{border-radius:24px 0 0 0}.shorts-desktop-center .shorts-nav{right:14px;position:absolute}.shorts-desktop-center .shorts-nav-up{top:76px}.shorts-desktop-center .shorts-nav-down{top:124px}.shorts-desktop-sidebar--right{width:340px;flex-shrink:0;padding:20px 16px 16px}.s-desktop-storyline{margin-bottom:18px;padding:12px 14px 14px;background:rgb(255 255 255 / .03);border:1px solid rgb(255 255 255 / .08);border-radius:12px;box-sizing:border-box}.s-desktop-storyline-header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgb(255 255 255 / .06)}.s-desktop-storyline-title-wrap{display:flex;align-items:center;gap:6px}.s-desktop-storyline-icon{font-size:12px}.s-desktop-storyline-title{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#38bdf8;margin:0}.s-desktop-storyline-count{font-size:10px;font-weight:700;padding:1px 6px;background:rgb(56 189 248 / .15);border:1px solid rgb(56 189 248 / .3);border-radius:100px;color:#38bdf8;line-height:1.4}.s-desktop-storyline-list{position:relative;padding-left:18px;padding-right:6px;display:flex;flex-direction:column;gap:8px;max-height:184px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(56 189 248 / .35) #fff0}.s-desktop-storyline-list::-webkit-scrollbar{width:4px}.s-desktop-storyline-list::-webkit-scrollbar-track{background:#fff0}.s-desktop-storyline-list::-webkit-scrollbar-thumb{background:rgb(56 189 248 / .3);border-radius:4px}.s-desktop-storyline-list::-webkit-scrollbar-thumb:hover{background:rgb(56 189 248 / .6)}.desktop-storyline-item{position:relative;display:flex;align-items:flex-start;text-decoration:none;padding:5px 8px;border-radius:6px;transition:background 0.18s ease,transform 0.18s ease}.desktop-storyline-item:not(:last-child)::after{content:'';position:absolute;left:-15px;top:15px;bottom:-8px;width:2px;background:rgb(255 255 255 / .12);border-radius:1px}.desktop-storyline-item:hover{background:rgb(255 255 255 / .05);transform:translateX(2px)}.desktop-storyline-dot{position:absolute;left:-18px;top:8px;width:7px;height:7px;border-radius:50%;background:#64748b;border:2px solid #0f172a;box-sizing:border-box;transition:all 0.2s ease}.desktop-storyline-item.current{background:rgb(56 189 248 / .08);border-left:2px solid #38bdf8}.desktop-storyline-item.current .desktop-storyline-dot{background:#38bdf8;border-color:#0f172a;box-shadow:0 0 0 3px rgb(56 189 248 / .35)}.desktop-storyline-body{display:flex;flex-direction:column;gap:2px;overflow:hidden}.desktop-storyline-date{font-size:10px;font-weight:700;color:rgb(255 255 255 / .45);letter-spacing:.3px;text-transform:uppercase;line-height:1}.desktop-storyline-item.current .desktop-storyline-date{color:#38bdf8}.desktop-storyline-title{font-size:11.5px;font-weight:500;line-height:1.38;color:rgb(255 255 255 / .85);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.desktop-storyline-item.current .desktop-storyline-title{color:#fff;font-weight:600}.s-playlist-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid var(--border-subtle)}.s-playlist-title-wrap{display:flex;align-items:center;gap:8px}.s-playlist-pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.s-playlist-title{font-size:14px;font-weight:800;color:#fff;letter-spacing:-.2px;margin:0}.s-playlist-badge{font-size:11px;font-weight:700;padding:3px 9px;background:rgb(255 255 255 / .08);border-radius:100px;color:rgb(255 255 255 / .6)}.s-playlist-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .15) #fff0}.s-playlist-card{display:flex;align-items:center;gap:12px;padding:10px;background:rgb(255 255 255 / .03);border:1px solid rgb(255 255 255 / .05);border-radius:14px;cursor:pointer;transition:all 0.22s ease;text-align:left;text-decoration:none;color:inherit}.s-playlist-card:hover{background:rgb(255 255 255 / .07);border-color:rgb(255 255 255 / .12);transform:translateY(-2px)}.s-playlist-card.is-active{background:rgb(232 93 44 / .12);border-color:rgb(232 93 44 / .4);box-shadow:0 4px 16px rgb(0 0 0 / .3)}.s-card-thumb-box{width:64px;height:64px;border-radius:10px;overflow:hidden;flex-shrink:0;position:relative;background:#111}.s-card-thumb{width:100%;height:100%;object-fit:cover}.s-card-thumb--empty{width:100%;height:100%;background:linear-gradient(135deg,#1e272e,#0984e3)}.s-card-num{position:absolute;bottom:3px;left:4px;font-size:10px;font-weight:800;color:#fff;background:rgb(0 0 0 / .65);padding:1px 5px;border-radius:4px;line-height:1.2}.s-playlist-card.is-active .s-card-num{background:var(--accent)}.s-card-info{flex:1;min-width:0}.s-card-meta{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}.s-card-cat{color:var(--accent)}.s-card-sep{color:rgb(255 255 255 / .3)}.s-card-time{color:rgb(255 255 255 / .45);font-weight:500}.s-card-title{font-size:12.5px;font-weight:600;line-height:1.35;color:rgb(255 255 255 / .9);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.s-playlist-card.is-active .s-card-title{color:#fff;font-weight:700}}.fokal-top-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--accent);z-index:9999999;opacity:0;pointer-events:none;box-shadow:0 0 6px var(--accent);transition:width 0.3s cubic-bezier(.1,.8,.2,1),opacity 0.2s ease}.fokal-top-progress.active{opacity:1}.card:active{transform:scale(.975)}.card.is-navigating{transform:scale(.97)!important;filter:brightness(.8);transition:transform 0.15s ease,filter 0.15s ease;cursor:wait!important}.card.is-navigating::before{content:'';position:absolute;inset:0;background:rgb(0 0 0 / .45);z-index:8;border-radius:inherit;animation:fokalCardFadeIn 0.15s ease-out forwards}.card.is-navigating::after{content:'';position:absolute;top:50%;left:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border:3px solid rgb(255 255 255 / .25);border-top-color:#fff;border-right-color:#fff;border-radius:50%;z-index:9;animation:fokalCardSpinner 0.65s linear infinite;box-shadow:0 0 12px rgb(0 0 0 / .3)}.mf-slide.is-navigating{opacity:.85;filter:brightness(.8);cursor:wait!important}.mf-slide.is-navigating::after{content:'';position:absolute;top:50%;left:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border:3px solid rgb(255 255 255 / .25);border-top-color:#fff;border-radius:50%;z-index:9;animation:fokalCardSpinner 0.65s linear infinite}.cat-play-btn.is-navigating{opacity:.8;cursor:wait!important}.cat-play-btn.is-navigating svg{animation:fokalCardSpinner 0.65s linear infinite}.story-item.is-navigating{cursor:wait!important;pointer-events:none}.story-item.is-navigating .story-ring{animation:storyRingPulse 0.8s ease-in-out infinite alternate!important;box-shadow:0 0 16px rgb(232 93 44 / .85)!important}.story-item.is-navigating .story-avatar-inner::before{content:'';position:absolute;inset:0;background:rgb(0 0 0 / .45);border-radius:50%;z-index:4}.story-item.is-navigating .story-avatar-inner::after{content:'';position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border:3px solid rgb(255 255 255 / .3);border-top-color:#fff;border-right-color:#fff;border-radius:50%;z-index:5;animation:fokalCardSpinner 0.65s linear infinite;box-shadow:0 0 10px rgb(0 0 0 / .4)}.story-item.is-navigating .story-avatar-img,.story-item.is-navigating .story-avatar-placeholder{opacity:.7;filter:brightness(.7)}.story-item.is-navigating .story-caption{color:var(--text-muted)}@keyframes storyRingPulse{from{transform:scale(.96);box-shadow:0 0 8px rgb(232 93 44 / .4)}to{transform:scale(1.05);box-shadow:0 0 18px rgb(232 93 44 / .85)}}.story-tray-all-btn.is-navigating{opacity:.7;cursor:wait!important;pointer-events:none}.story-tray-all-btn.is-navigating svg{animation:fokalCardSpinner 0.65s linear infinite}@keyframes fokalCardSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fokalCardFadeIn{from{opacity:0}to{opacity:1}}.fokal-top-app-bar{width:100%;height:var(--top-bar-h);background:var(--surface);border-bottom:1px solid var(--header-border);font-size:11.5px;font-weight:500;letter-spacing:.15px;color:var(--text-secondary);position:relative;z-index:102;flex-shrink:0;transition:background 0.2s ease,border-color 0.2s ease}[data-theme="dark"] .fokal-top-app-bar{background:#121418;border-bottom-color:var(--header-border);color:#9aa0a6}.fokal-top-bar-inner{max-width:1600px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:100%;box-sizing:border-box}.fokal-weather-wrap{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;padding:2px 6px;border-radius:4px;transition:background 0.15s ease,color 0.15s ease}.fokal-weather-wrap:hover{background:var(--bg-hover,rgb(0 0 0 / .04));color:var(--text-primary,#111)}[data-theme="dark"] .fokal-weather-wrap:hover{background:rgb(255 255 255 / .06);color:#fff}.weather-pin{font-size:11px}.weather-city{font-weight:600;color:var(--text-primary,#222)}[data-theme="dark"] .weather-city{color:#e8eaed}.weather-icon{font-size:13px;line-height:1}.weather-temp{font-weight:600}.fokal-city-popover{position:absolute;top:100%;left:20px;background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:8px;box-shadow:0 8px 24px rgb(0 0 0 / .15);padding:10px;z-index:1000;min-width:180px}[data-theme="dark"] .fokal-city-popover{background:#1e2229;border-color:#30363d;box-shadow:0 8px 24px rgb(0 0 0 / .4)}.city-popover-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted,#888);margin-bottom:6px;padding:0 4px}.city-popover-list{display:grid;grid-template-columns:1fr 1fr;gap:4px}.city-btn{background:#fff0;border:1px solid #fff0;border-radius:4px;padding:5px 8px;font-size:11.5px;color:var(--text-primary,#333);cursor:pointer;text-align:left;transition:all 0.15s ease}[data-theme="dark"] .city-btn{color:#ccc}.city-btn:hover{background:var(--bg-hover,rgb(0 0 0 / .05));color:var(--primary-color,#2271b1)}.city-btn.is-active{background:rgb(34 113 177 / .1);color:#2271b1;font-weight:700}.city-geo-btn{display:flex;align-items:center;gap:4px;width:100%;margin-top:8px;padding-top:6px;border-top:1px solid var(--border-subtle,#eee);background:#fff0;border-left:none;border-right:none;border-bottom:none;color:#2271b1;font-size:11px;font-weight:600;cursor:pointer}.fokal-market-wrap{display:inline-flex;align-items:center;gap:12px}.market-pill-item{display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary,#666);text-decoration:none;transition:opacity 0.15s ease}.market-pill-item:hover{opacity:.8}[data-theme="dark"] .market-pill-item{color:#9aa0a6}.market-code{font-weight:700;color:var(--text-primary,#222)}[data-theme="dark"] .market-code{color:#e8eaed}.market-rate{font-weight:600;color:var(--text-primary,#333)}[data-theme="dark"] .market-rate{color:#fff}.market-arrow{font-size:9px;font-weight:700}.market-arrow.up{color:#00a32a}.market-arrow.down{color:#d63638}.market-sep{color:var(--border-color,#ccc);font-size:9px}.fokal-breadcrumbs{max-width:1400px;margin:12px auto 0 auto;padding:0 24px;font-size:12px}.breadcrumbs-list{display:flex;align-items:center;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;color:var(--text-muted,#777)}.breadcrumb-item a{color:var(--text-muted,#777);text-decoration:none;transition:color 0.15s}.breadcrumb-item a:hover{color:var(--text-primary,#111)}.breadcrumb-item.active{color:var(--text-secondary,#444);font-weight:600}.breadcrumb-sep{color:var(--border-color,#aaa);font-size:11px}@media (max-width:768px){.fokal-top-bar-inner{padding:0 16px;font-size:11px}.fokal-market-wrap{gap:8px}.fokal-breadcrumbs{padding:0 14px}}.fokal-category-columns{width:100%;background:var(--surface);border-top:1px solid var(--border);padding:36px 0 28px;transition:background 0.25s ease,border-color 0.25s ease}[data-theme="dark"] .fokal-category-columns{background:#0f1013;border-top-color:rgb(255 255 255 / .08)}.fokal-cat-cols-inner{max-width:1600px;margin:0 auto;padding:0 28px;box-sizing:border-box}.fokal-cat-cols-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.fokal-cat-col{display:flex;flex-direction:column;gap:12px}.fokal-cat-col-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1.5px solid var(--border);transition:border-color 0.2s ease}[data-theme="dark"] .fokal-cat-col-header{border-bottom-color:rgb(255 255 255 / .1)}.fokal-cat-col-title{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800;letter-spacing:-.2px;color:var(--text);text-decoration:none;transition:color 0.15s ease}.fokal-cat-col-title:hover{color:var(--accent)}.fokal-cat-col-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.fokal-cat-shorts-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:100px;background:var(--accent-light,#fff0eb);color:var(--accent,#e85d2c);font-size:11px;font-weight:700;text-decoration:none;letter-spacing:.2px;transition:transform 0.15s ease,background 0.15s ease,color 0.15s ease}[data-theme="dark"] .fokal-cat-shorts-btn{background:rgb(232 93 44 / .15);color:#ff7a4d}.fokal-cat-shorts-btn:hover{transform:translateY(-1px);background:var(--accent);color:#fff}[data-theme="dark"] .fokal-cat-shorts-btn:hover{background:var(--accent);color:#fff}.fokal-cat-col-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.fokal-cat-col-item{margin:0;padding:0}.fokal-cat-col-link{display:flex;align-items:baseline;justify-content:space-between;gap:10px;text-decoration:none;padding:2px 0}.fokal-cat-col-item-title{font-size:12.5px;line-height:1.45;font-weight:500;color:var(--text-secondary);transition:color 0.15s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.fokal-cat-col-link:hover .fokal-cat-col-item-title{color:var(--text)}[data-theme="dark"] .fokal-cat-col-link:hover .fokal-cat-col-item-title{color:#fff}.fokal-cat-col-item-time{font-size:10.5px;font-weight:600;color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}@media (max-width:1024px){.fokal-cat-cols-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:768px){.fokal-category-columns{padding:24px 0 18px}.fokal-cat-cols-inner{padding:0 16px}.fokal-cat-cols-grid{grid-template-columns:1fr;gap:20px}.fokal-cat-col-header{padding-bottom:8px}.fokal-cat-col-title{font-size:13.5px}.fokal-cat-col-item-title{font-size:12px}}.cosmos-modal-overlay{display:none!important}body.cosmos-body .cosmos-modal-overlay.is-active,.cosmos-modal-overlay.is-active{display:flex!important}.fokal-faq-list,.summary-faq-list{display:flex;flex-direction:column;gap:8px}.fokal-faq-item{background:rgb(255 255 255 / .03);border:1px solid rgb(255 255 255 / .07);border-radius:10px;overflow:hidden;transition:background 0.2s ease,border-color 0.2s ease}.fokal-faq-item:hover{background:rgb(255 255 255 / .05);border-color:rgb(255 255 255 / .12)}.fokal-faq-item[open]{background:rgb(255 255 255 / .05);border-color:rgb(56 189 248 / .3)}.fokal-faq-q{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-size:13.5px;font-weight:600;color:var(--text,#fff);cursor:pointer;user-select:none;list-style:none;gap:10px}.fokal-faq-q::-webkit-details-marker{display:none}.fokal-faq-icon{flex-shrink:0;color:var(--text-muted,#94a3b8);transition:transform 0.25s cubic-bezier(.16,1,.3,1)}.fokal-faq-item[open] .fokal-faq-icon{transform:rotate(180deg);color:#38bdf8}.fokal-faq-a{padding:0 14px 14px 14px;font-size:13px;line-height:1.6;color:var(--text-secondary,#cbd5e1)}.fokal-faq-a p{margin:0}.summary-thread-card:hover{background:rgb(255 255 255 / .08)!important;border-color:rgb(56 189 248 / .3)!important;transform:translateX(2px)}.summary-thread-card:hover svg{color:#38bdf8!important}.methodology-pill{transition:opacity 0.2s ease,transform 0.2s ease}.methodology-pill:hover{opacity:.9;transform:translateY(-1px)}.fokal-push-prompt{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(120px);z-index:9999;background:rgb(22 24 29 / .95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgb(255 255 255 / .12);border-radius:16px;padding:14px 18px;box-shadow:0 20px 40px rgb(0 0 0 / .5);display:flex;align-items:center;gap:14px;max-width:440px;width:calc(100% - 32px);opacity:0;pointer-events:none;transition:transform 0.4s cubic-bezier(.16,1,.3,1),opacity 0.3s ease}.fokal-push-prompt.is-visible{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}.fokal-push-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#e85d2c 0%,#f97316 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.fokal-push-content{flex:1;min-width:0}.fokal-push-title{font-size:13.5px;font-weight:700;color:#fff;margin:0 0 2px 0;line-height:1.3}.fokal-push-desc{font-size:12px;color:#94a3b8;margin:0;line-height:1.35}.fokal-push-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.fokal-push-allow-btn{background:#e85d2c;color:#fff;border:none;padding:8px 14px;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background 0.2s ease;white-space:nowrap}.fokal-push-allow-btn:hover{background:#ea580c}.fokal-push-close-btn{background:none;border:none;color:#64748b;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color 0.2s ease}.fokal-push-close-btn:hover{color:#cbd5e1}@media (max-width:640px){.fokal-push-prompt{bottom:max(16px, env(safe-area-inset-bottom));padding:12px 14px;gap:10px}.fokal-push-icon{width:34px;height:34px}.fokal-push-title{font-size:12.5px}.fokal-push-desc{font-size:11px}.fokal-push-allow-btn{padding:6px 10px;font-size:11.5px}}