:root{color-scheme:dark;--ink:#0B0E14;--panel:#12161F;--panel-2:#0F1420;--line:rgba(255,255,255,.07);--line-2:rgba(255,255,255,.12);--t1:#E7ECF3;--t2:#A7B0BF;--t3:#8A93A3;--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Manrope",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--accent:#2F6BFF;--soft:color-mix(in srgb, var(--accent) 14%, transparent);--soft-2:color-mix(in srgb, var(--accent) 8%, transparent)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--ink);color:var(--t1);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{opacity:.85}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.app{max-width:680px;margin:0 auto;padding:0 20px 96px}.hero{position:sticky;top:0;z-index:20;text-align:center;padding:52px 0 20px;margin-bottom:16px;background:color-mix(in srgb,var(--ink) 84%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:padding .25s ease,border-color .25s ease}.hero.compact{padding:12px 0;border-bottom-color:var(--line)}.brandline{display:inline-flex;align-items:center;gap:12px;color:var(--t1)}.hero .dot{width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent);transition:all .25s}.brandword{font-family:var(--font-display);font-weight:700;font-size:52px;letter-spacing:-.03em;line-height:1;transition:font-size .25s ease}.brandword .x{color:var(--accent)}.brandword .dim{color:var(--t3)}.hero.compact .brandword{font-size:24px}.hero.compact .dot{width:8px;height:8px}.hero .sub{margin-top:14px;font-family:var(--font-mono);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--t3);transition:opacity .2s,height .2s}.hero.compact .sub{opacity:0;height:0;margin:0;overflow:hidden}.searchbar{position:relative;max-width:420px;margin:18px auto 0;transition:margin .25s}.hero.compact .searchbar{margin-top:10px}.searchbar input{width:100%;background:var(--panel);border:1px solid var(--line-2);color:var(--t1);font-family:var(--font-body);font-size:15px;padding:11px 38px 11px 16px;border-radius:12px;outline:none;transition:border-color .2s}.searchbar input::placeholder{color:var(--t3)}.searchbar input:focus{border-color:var(--accent)}.searchbar .clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:none;background:transparent;color:var(--t3);font-size:20px;line-height:1;border-radius:8px}.searchbar .clear:hover{color:var(--t1);background:#ffffff0f}.feed{display:flex;flex-direction:column;gap:16px;scroll-margin-top:90px}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;scroll-margin-top:96px;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--line-2)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.kicker{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.date{font-family:var(--font-mono);font-size:12px;color:var(--t3)}.hook{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1.14;letter-spacing:-.02em}.hook-btn{display:block;width:100%;text-align:left;background:none;border:none;color:var(--t1);font:inherit;letter-spacing:inherit;padding:0}.hook-btn:hover{color:var(--accent)}.caption{margin-top:10px;font-size:16px;line-height:1.5;color:var(--t2)}.slides{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:14px;animation:slideIn .28s ease}.slides li{display:flex;gap:14px;padding:14px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px}.slide-num{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1;flex-shrink:0;color:var(--accent)}.slide-body{flex:1;min-width:0}.slide-t{font-family:var(--font-display);font-weight:600;font-size:17px;line-height:1.2}.slide-b{margin-top:6px;font-size:14px;line-height:1.45;color:var(--t2)}.slide-foot{display:flex;align-items:center;gap:14px;margin-top:9px}.src{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--accent)}.anchor{background:none;border:none;color:var(--t3);font-family:var(--font-mono);font-size:12px;font-weight:600;padding:0}.anchor:hover{color:var(--accent)}.slide-hit{animation:hit 2.6s ease forwards}.card-foot{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.expand{background:#ffffff0f;border:1px solid var(--line-2);color:var(--t2);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.04em;padding:9px 14px;border-radius:10px}.expand:hover{background:#ffffff1a;color:var(--t1)}.share-wrap{position:relative;margin-left:auto}.share{background:transparent;border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.04em;padding:9px 14px;border-radius:10px}.share:hover{background:var(--soft)}.share-menu{position:absolute;right:0;bottom:calc(100% + 8px);background:var(--panel);border:1px solid var(--line-2);border-radius:12px;padding:6px;min-width:160px;display:flex;flex-direction:column;gap:2px;box-shadow:0 12px 40px #00000080;z-index:30;animation:pop .16s ease}.share-menu a,.share-menu button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--t2);font-family:var(--font-body);font-size:14px;padding:9px 12px;border-radius:8px}.share-menu a:hover,.share-menu button:hover{background:#ffffff0f;color:var(--t1);opacity:1}.sk{pointer-events:none}.sk-line{height:14px;border-radius:7px;background:linear-gradient(90deg,var(--panel-2) 25%,rgba(255,255,255,.06) 37%,var(--panel-2) 63%);background-size:400% 100%;animation:shimmer 1.4s infinite;margin-bottom:12px}.sk-line.tall{height:26px}.sk-line.w40{width:40%}.sk-line.w60{width:60%}.sk-line.w80{width:80%}.sk-line.w100{width:100%}.more{align-self:center;margin-top:6px;background:var(--soft);border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.04em;padding:12px 22px;border-radius:12px}.more:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.count{text-align:center;font-family:var(--font-mono);font-size:12px;color:var(--t3);letter-spacing:.06em}.empty{text-align:center;color:var(--t3);padding:60px 0;font-size:16px}.sentinel{height:1px}.detail{padding-top:20px;animation:slideIn .28s ease}.back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--t2);font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.04em;padding:6px 0 18px}.back:hover{color:var(--accent)}.detail-card{padding:30px 28px}.detail-hook{font-size:33px;line-height:1.1;margin-bottom:2px}.detail-card .caption{font-size:17px}.detail-card .slides{margin-top:20px}.foot-note{font-family:var(--font-mono);font-size:12px;color:var(--t3);letter-spacing:.04em}.detail-nav{display:flex;gap:12px;margin-top:16px}.nav-btn{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;background:var(--panel);border:1px solid var(--line);color:var(--t2);padding:14px 18px;border-radius:14px;text-align:left;transition:border-color .2s,color .2s}.nav-btn.r{text-align:right;align-items:flex-end}.nav-btn:hover:not(:disabled){border-color:var(--accent);color:var(--t1)}.nav-btn:disabled{opacity:.32;cursor:default}.nav-btn .na{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--accent)}.nav-btn .nd{font-size:14px}.foot{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:var(--font-mono);font-size:12px;color:var(--t3)}.foot .xnet:hover{color:var(--accent)}.foot .ig{color:inherit}.foot .ig:hover{color:var(--accent)}.totop{position:fixed;right:20px;bottom:22px;width:44px;height:44px;border-radius:50%;background:var(--panel);border:1px solid var(--line-2);color:var(--t1);font-size:18px;box-shadow:0 8px 30px #00000080;z-index:40;animation:pop .2s ease}.totop:hover{border-color:var(--accent);color:var(--accent)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(16px);opacity:0;pointer-events:none;background:var(--accent);color:#fff;font-family:var(--font-mono);font-size:13px;font-weight:600;padding:11px 20px;border-radius:12px;box-shadow:0 10px 34px #00000080;z-index:50;transition:opacity .22s,transform .22s}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes hit{0%,25%{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--panel-2))}to{border-color:var(--line);background:var(--panel-2)}}@media (max-width:480px){.brandword{font-size:42px}.hook{font-size:22px}.detail-hook{font-size:26px}.card{padding:20px}.detail-card{padding:22px 20px}.hero{padding:40px 0 18px}.detail-nav{flex-direction:column}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,.slides,.toast,.totop,.share-menu,.sk-line{animation:none!important;transition:none!important}}