:root{--bg:#030508;--card:#14192366;--card-hover:#1e232d99;--border:#ffffff14;--text:#e8ecf7;--muted:#94a3b8;--accent:#00f0ff;--accent-glow:#00f0ff80;--secondary:#7000ff;--secondary-glow:#7000ff80;--novel:#f05;--novel-glow:#ff005580;--font-main:"Outfit","Inter",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#7000ff14,#0000 25%),radial-gradient(circle at 85% 30%,#00f0ff14,#0000 25%);min-height:100vh;overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;font-weight:700}.page{flex-direction:column;align-items:center;min-height:100vh;padding:0 20px 60px;display:flex}.wrap{flex-direction:column;gap:40px;width:100%;max-width:1200px;display:flex}.hero{text-align:center;padding:80px 0 40px;position:relative}.hero h1{background:linear-gradient(135deg,#fff 0%,var(--accent)100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #00f0ff4d);-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:4rem}.hero p{color:var(--muted);max-width:600px;margin:0 auto;font-size:1.1rem}.controls{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:16px 24px;display:flex}.search-bar{flex:1;max-width:400px;position:relative}.search-input{border:1px solid var(--border);width:100%;color:var(--text);background:#0003;border-radius:12px;padding:12px 20px;font-size:1rem;transition:all .3s}.search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #00f0ff1a}.filter-tabs{background:#0003;border-radius:12px;gap:8px;padding:4px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .3s}.tab:hover{color:var(--text)}.tab.active{background:var(--card);color:var(--accent);box-shadow:0 2px 8px #0003}.list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.entry{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:20px;flex-direction:column;height:320px;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden}.entry:hover{border-color:#fff3;transform:translateY(-8px);box-shadow:0 20px 40px #0006}.entry.novel{border-color:#f053}.entry.novel:hover{border-color:var(--novel);box-shadow:0 20px 40px #ff005526}.entry-bg{z-index:0;background-position:50%;background-size:cover;transition:transform .6s;position:absolute;inset:0}.entry:hover .entry-bg{transform:scale(1.05)}.entry-overlay{z-index:1;background:linear-gradient(#0305081a 0%,#03050866 40%,#030508f2 90%);position:absolute;inset:0}.entry-content{z-index:2;flex-direction:column;justify-content:flex-end;height:100%;padding:24px;display:flex;position:relative}.entry.summary .entry-content{justify-content:flex-start}.meta{color:var(--muted);align-items:center;gap:10px;margin-bottom:8px;font-size:.85rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700}.badge.novel{color:#ff4d88;background:#f053;border:1px solid #ff00554d}.badge.summary{color:var(--text);background:#ffffff1a}.entry h3{color:#fff;text-shadow:0 2px 4px #00000080;margin-bottom:12px;font-size:1.4rem;line-height:1.3}.preview{color:#e8ecf7cc;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.tags{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px;display:flex}.tags span{color:var(--muted);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:4px 10px;font-size:.75rem}.overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.sheet{border:1px solid var(--border);background:#0a0e17;border-radius:24px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 50px 100px #00000080}.sheet-head{border-bottom:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.sheet-content-scroll{color:#d1d5db;padding:32px;font-size:1.05rem;line-height:1.8;overflow-y:auto}.sheet-image{object-fit:contain;background:#0003;border-radius:12px;width:100%;height:auto;max-height:70vh;margin-bottom:24px;box-shadow:0 10px 30px #0000004d}.ghost{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;transition:all .2s}.ghost:hover{background:#ffffff1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero h1{font-size:2.5rem}.list{grid-template-columns:1fr}.controls{flex-direction:column;align-items:stretch}.search-bar{max-width:none}}