:root{--bg:#0f1115;--card:#171a21;--card-hover:#1e222c;--text:#e8eaed;--muted:#9aa0aa;--accent:#ff4d4f;--border:#262a34}:root[data-theme=light]{--bg:#f6f7f9;--card:#ffffff;--card-hover:#f0f1f4;--text:#1a1d24;--muted:#5b616e;--accent:#e5383b;--border:#e2e5ea}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem 4rem}.site-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.site-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.header-controls{display:flex;flex-wrap:wrap;margin-top:.85rem}.brand,.header-controls{align-items:center;gap:.6rem}.brand{display:inline-flex;text-decoration:none;color:var(--text)}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--accent);color:#fff;font-weight:800;font-size:1.3rem}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.brand-name span{color:var(--accent)}.brand-tagline{font-size:.72rem;color:var(--muted);font-weight:500;margin-top:.15rem}.header-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}@media (max-width:640px){.brand-name{font-size:1.25rem}.brand-tagline{font-size:.65rem}.header-meta{gap:.5rem .6rem;font-size:.9rem}.edition{font-size:.72rem;padding:.3rem .5rem}.clock{min-width:auto;padding-top:.2rem}.clock-date,.clock-time{font-size:.7rem}.header-link{font-size:.8rem}.header-controls{gap:.5rem;margin-top:.7rem}.theme-toggle{width:30px;height:30px;font-size:.9rem}}.edition{font-size:.8rem;background:var(--card);border:1px solid var(--border);padding:.35rem .6rem;border-radius:999px}.edition,.header-link{font-weight:600;color:var(--text);white-space:nowrap}.header-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;text-decoration:none;background:none;border:none;padding:.35rem .2rem;cursor:pointer}.header-link:hover{color:var(--accent)}.header-link--btn{font:inherit;font-weight:600}.theme-toggle{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--card);cursor:pointer;font-size:1rem;line-height:1;transition:border-color .15s,transform .1s}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle:active{transform:scale(.92)}.clock{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;min-width:150px;padding-top:.35rem}.clock-date{font-size:.82rem;color:var(--text);font-weight:600}.clock-time{font-size:.75rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.search-row{margin-top:1rem}.search-input{width:100%;padding:.7rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:.95rem;outline:none}.search-input::placeholder{color:var(--muted)}.search-input:focus{border-color:var(--accent)}.edition-btn{cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.edition-btn:hover{border-color:var(--accent);color:var(--accent)}.src-count{font-size:.72rem;font-weight:700;color:var(--muted)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:grid;place-items:center;padding:1rem;z-index:100}.modal{width:100%;max-width:420px;max-height:85vh;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.25rem}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-title{margin:0;font-size:1.2rem}.modal-close{background:none;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer;padding:.25rem .5rem;border-radius:8px}.modal-close:hover{color:var(--text);background:var(--bg)}.modal-sub{margin:.25rem 0 .75rem;font-size:.82rem;color:var(--muted)}.modal-list{overflow-y:auto;display:flex;flex-direction:column;gap:.15rem;margin:.25rem 0 1rem}.source-row{display:flex;align-items:center;gap:.65rem;padding:.55rem .5rem;border-radius:8px;cursor:pointer;font-size:.92rem}.source-row:hover{background:var(--bg)}.source-row input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;border-top:1px solid var(--border);padding-top:1rem}.btn-primary{font-size:.85rem;font-weight:700;padding:.45rem 1rem;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}.chip-action{font-size:.8rem;font-weight:600;padding:.45rem .8rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer}.chip-action:disabled{opacity:.4;cursor:default}.chip-action:not(:disabled):hover{border-color:var(--accent)}.masthead{text-align:center;margin-bottom:2rem}.masthead h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;margin:0}.masthead h1 span{color:var(--accent)}.tagline{color:var(--muted);margin:.5rem 0 0;font-size:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:1.25rem;gap:1.25rem}.card{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:transform .15s ease,background .15s ease,border-color .15s ease}.card:hover{transform:translateY(-3px);background:var(--card-hover);border-color:#333a48}.card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.reactions{display:flex;gap:.25rem;padding:0 .85rem .85rem;margin-top:-.3rem}.reaction{border:none;background:transparent;cursor:pointer;font-size:1.05rem;line-height:1;padding:.25rem .35rem;border-radius:8px;filter:grayscale(.4);opacity:.75;transition:transform .1s,opacity .15s,background .15s,filter .15s}.reaction:hover{transform:scale(1.2);opacity:1;filter:none}.reaction.is-chosen{background:color-mix(in srgb,var(--accent) 18%,transparent);opacity:1;filter:none}.card-actions{position:absolute;top:.55rem;right:.55rem;z-index:2;display:flex;gap:.4rem;opacity:0;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease}.card:focus-within .card-actions,.card:hover .card-actions{opacity:1;transform:translateY(0)}.card-share{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;border:none;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.35);transition:background .15s ease,transform .1s ease}.card-share:active{transform:scale(.92)}.card-share--wa{background:rgba(37,211,102,.92)}.card-share--wa:hover{background:#25d366}.card-share--generic{background:rgba(255,255,255,.16);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.card-share--generic:hover{background:rgba(255,255,255,.28)}@media (hover:none){.card-actions{opacity:1;transform:none}}.thumb{position:relative;aspect-ratio:16/9;background:#0b0d11;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-fallback{width:100%;height:100%;display:grid;place-items:center;color:var(--muted);font-weight:700;font-size:1.1rem;padding:0 1rem;text-align:center}.play-badge{position:absolute;inset:0;margin:auto;width:54px;height:54px;display:grid;place-items:center;background:rgba(0,0,0,.55);border-radius:50%;color:#fff;font-size:1.3rem;padding-left:4px}.card-body{padding:.9rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.4rem}.source-pill{align-self:flex-start;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card-date{font-size:.72rem;color:var(--muted);white-space:nowrap}.card-title{font-size:1rem;line-height:1.35;font-weight:650;-webkit-line-clamp:3}.card-desc,.card-title{margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-desc{font-size:.85rem;line-height:1.4;-webkit-line-clamp:2}.card-desc,.empty{color:var(--muted)}.empty{text-align:center;padding:3rem 1rem}.empty code{background:var(--card);padding:.15rem .4rem;border-radius:6px;border:1px solid var(--border)}.footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center;color:var(--muted);font-size:.8rem}.footer-nav{margin-bottom:.75rem;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;justify-content:center}.footer-nav a{color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--border)}.footer-nav a:hover{color:var(--text)}.footer-link-btn{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;padding:0;cursor:pointer;font:inherit;color:var(--muted);border-bottom:1px dotted var(--border)}.footer-link-btn:hover{color:var(--text)}.topic-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 1.5rem}.topic-chip{padding:.35rem .85rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);text-decoration:none;font-size:.9rem;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.topic-chip:hover{color:var(--text);border-color:var(--text)}.topic-chip.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.topic-hero{margin:0 0 1.75rem}.topic-title{font-size:2rem;font-weight:800;margin:0 0 .4rem}.topic-blurb{color:var(--text);margin:0 0 .35rem;font-size:1.05rem}.topic-count{color:var(--muted);font-size:.9rem;margin:0}.topic-empty{color:var(--muted);padding:2rem 0}.topic-empty a{color:var(--accent)}.ad-slot{display:block;min-height:90px}.ad-leaderboard{margin:0 0 1.5rem}.scroll-top{position:fixed;right:1.25rem;bottom:1.25rem;z-index:50;width:44px;height:44px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.08);color:var(--text);cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .15s,transform .15s,border-color .15s}.scroll-top:hover{background:rgba(255,255,255,.16);border-color:var(--text);transform:translateY(-2px)}.sources-fab{position:fixed;left:1.25rem;bottom:1.25rem;z-index:50;display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.08);color:var(--text);font-size:.9rem;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .15s,transform .15s,border-color .15s}.sources-fab:hover{background:rgba(255,255,255,.16);border-color:var(--text);transform:translateY(-2px)}.notify-fab{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--accent);background:rgba(255,77,79,.16);color:var(--text);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,transform .15s}.notify-fab:hover{background:rgba(255,77,79,.24);transform:translateY(-2px)}.notify-fab:disabled{opacity:.7;cursor:default}.trending{margin:0 0 1.75rem}.trending-head{display:flex;align-items:center;margin-bottom:.75rem}.trending-title{font-size:1.05rem;font-weight:800;letter-spacing:.01em}.trending-rail{display:grid;grid-auto-flow:column;grid-auto-columns:220px;grid-gap:.9rem;gap:.9rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.trending-rail::-webkit-scrollbar{height:6px}.trending-rail::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.trending-card{scroll-snap-align:start;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease}.trending-card:hover{transform:translateY(-3px);border-color:#333a48}.trending-body{padding:.6rem .7rem .8rem;display:flex;flex-direction:column;gap:.3rem}.trending-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.trending-card-title{font-size:.9rem;font-weight:600;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:768px){.scroll-top{right:2rem;bottom:2rem;width:48px;height:48px}}.ad-in-feed{grid-column:1/-1;min-height:120px}.ad-placeholder{display:grid;place-items:center;border:1px dashed var(--border);border-radius:12px;color:var(--muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 20px)}.prose{max-width:760px}.prose h1{font-size:2rem;margin:.5rem 0 1rem}.prose h2{font-size:1.2rem;margin:1.75rem 0 .5rem}.prose p{line-height:1.65;color:#c7ccd4}.back-link{color:var(--accent);text-decoration:none;font-size:.9rem}.contact-form{gap:1rem;max-width:560px;margin-top:1.5rem}.contact-field,.contact-form{display:flex;flex-direction:column}.contact-field{gap:.35rem}.contact-field span{font-size:.85rem;font-weight:600;color:var(--text)}.contact-field input,.contact-field textarea{width:100%;padding:.7rem .85rem;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:.95rem;font-family:inherit;outline:none}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--accent)}.contact-field textarea{resize:vertical}.contact-form .btn-primary{align-self:flex-start}.contact-error{color:var(--accent);font-size:.9rem;margin:0}.contact-success{color:#34d399;font-size:1rem;font-weight:600;margin-top:1.5rem}.header-link--accent{color:var(--accent);font-weight:700}.header-link--accent:hover{color:#ff7071}.watch{position:fixed;inset:0;background:#000}.watch-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}.watch-head--float{position:fixed;top:0;left:0;right:0;z-index:20;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent)}.watch-head .brand,.watch-head .brand-name,.watch-head .header-link{color:#fff}.watch-head .brand-name span{color:var(--accent)}.watch-scroller{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}.watch-slide{position:relative;height:100dvh;scroll-snap-align:start;display:grid;place-items:center;overflow:hidden}.watch-player{position:relative;width:min(100%,480px);aspect-ratio:9/16;max-height:100dvh;background:#000}.watch-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.watch-placeholder{width:100%;height:100%;background:#0b0d11}.watch-meta{position:absolute;left:0;right:0;bottom:3.5rem;padding:1.25rem 1rem .75rem;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);color:#fff;display:flex;flex-direction:column;gap:.4rem;pointer-events:none}.watch-meta .source-pill{color:#fff;opacity:.9}.watch-title{font-size:1rem;font-weight:650;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.watch-source-link{pointer-events:auto;align-self:flex-start;margin-top:.35rem;font-size:.85rem;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:.35rem .8rem}.watch-source-link:hover{background:rgba(255,255,255,.15)}