@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--bg:#0b0810;--panel:#15101d;--panel2:#1d1628;--line:#30243d;--text:#f5effb;--muted:#a99bb7;--purple:#a875e8;--pink:#d49aff;--danger:#ff8b9d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.ambient{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none;z-index:-1}.ambient-a{background:#8c3fd0;top:120px;left:-220px}.ambient-b{background:#5633a7;right:-240px;top:600px}.topbar{height:82px;padding:0 clamp(20px,6vw,92px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#0b0810dd;backdrop-filter:blur(18px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-size:15px;letter-spacing:3px;font-weight:600}.brand b{color:var(--pink)}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:4px}.brand-mark{width:39px;height:39px;border:1px solid #a875e899;border-radius:12px;display:grid;place-items:center;font-family:'Playfair Display';font-size:25px;color:var(--pink);box-shadow:0 0 25px #a875e822}.topbar nav{display:flex;gap:32px;color:var(--muted);font-size:13px}.topbar nav a:hover{color:white}.top-actions{display:flex;align-items:center;gap:14px}.user-label{font-size:12px;color:var(--muted)}.btn{border:0;border-radius:9px;padding:12px 18px;font-weight:700;font-size:12px;cursor:pointer;transition:.2s}.btn-primary{background:linear-gradient(120deg,#8b55c9,#b47de9);color:white;box-shadow:0 8px 25px #955acb33}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.btn-ghost:hover{border-color:var(--purple)}.hero{min-height:480px;padding:72px clamp(20px,10vw,150px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;max-width:1440px;margin:auto}.eyebrow{font-size:9px;letter-spacing:2.5px;color:var(--pink);font-weight:700}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#bd86f1;box-shadow:0 0 12px #bd86f1;margin-right:8px}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(48px,6vw,76px);line-height:1.03;margin:20px 0}.hero h1 em,h2 em{color:var(--pink);font-weight:600}.hero-copy p{max-width:420px;color:var(--muted);font-size:14px;line-height:1.9;margin:0 0 28px}.hero-art{height:340px;position:relative;display:grid;place-items:center}.hero-glyph{font:italic 250px 'Playfair Display';color:#a875e826;text-shadow:0 0 80px #a875e844;transform:rotate(-9deg)}.orbit{position:absolute;border:1px solid #b37be955;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:300px;height:150px}.orbit-two{width:370px;height:220px;transform:rotate(55deg);border-color:#b37be922}.hero-caption{position:absolute;right:12%;bottom:18%;font-size:11px;letter-spacing:5px;color:#cdb9df}.hero-caption b{color:var(--pink)}.catalog-section,.admin-section{max-width:1250px;margin:10px auto 100px;padding:0 28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-heading h2{font:600 38px 'Playfair Display';margin:10px 0 0}.filters{display:flex;gap:10px}.filters input,.filters select{width:210px}.filters input,.filters select, input,select,textarea{background:#100c17;border:1px solid var(--line);color:var(--text);padding:12px;border-radius:8px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--purple)}input::placeholder,textarea::placeholder{color:#756a80}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.series-card{background:var(--panel);border:1px solid #ffffff10;border-radius:13px;overflow:hidden;cursor:pointer;transition:.25s}.series-card:hover{transform:translateY(-5px);border-color:#a875e877;box-shadow:0 15px 40px #0005}.cover{height:245px;background:linear-gradient(145deg,#31203e,#171020);display:grid;place-items:center;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.cover-placeholder{font:italic 85px 'Playfair Display';color:#d4a4ff55}.series-info{padding:15px}.series-type{font-size:9px;letter-spacing:1.8px;color:var(--pink);text-transform:uppercase}.series-info h3{margin:8px 0;font:600 19px 'Playfair Display'}.series-info p{font-size:11px;color:var(--muted);line-height:1.6;min-height:35px}.tag-row{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:9px;border:1px solid var(--line);padding:4px 7px;border-radius:20px;color:#c4b2d4}.empty-state{grid-column:1/-1;border:1px dashed var(--line);padding:45px;text-align:center;color:var(--muted);border-radius:12px}.admin-section{border-top:1px solid var(--line);padding-top:65px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:24px}.panel h3{font:600 21px 'Playfair Display';margin:0 0 20px}.panel label,.modal label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#c9bbd4;margin:13px 0}.panel input,.panel select,.panel textarea,.modal input{width:100%}.checkline{display:flex!important;flex-direction:row!important;align-items:center}.checkline input{width:auto}.hint,.muted{font-size:11px;color:var(--muted);line-height:1.6}.admin-list{margin-top:18px}.admin-series-list{display:grid;gap:9px}.admin-series-item{display:flex;justify-content:space-between;gap:10px;padding:12px;background:#100c17;border-radius:8px;font-size:12px}.admin-series-item span{color:var(--muted)}footer{border-top:1px solid #ffffff12;padding:28px clamp(20px,6vw,92px);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}.footer-brand{transform:scale(.85);transform-origin:left center}.modal-backdrop,.reader-backdrop{position:fixed;inset:0;background:#050308eF;z-index:20;display:grid;place-items:center;padding:20px}.modal{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:34px;position:relative}.modal h2{font:600 35px 'Playfair Display';margin:12px 0 20px}.modal-close{position:absolute;right:18px;top:12px;background:none;border:0;color:white;font-size:27px;cursor:pointer}.tabs{display:flex;border-bottom:1px solid var(--line);gap:18px;margin-bottom:20px}.tab{background:none;border:0;color:var(--muted);padding:10px 0;cursor:pointer;font-size:12px}.tab.active{color:var(--pink);border-bottom:2px solid var(--pink)}.full{width:100%;margin-top:10px}.reader-backdrop{display:block;overflow:auto;padding:0}.reader-top{position:sticky;top:0;background:#100c17ee;backdrop-filter:blur(12px);padding:13px 22px;display:flex;justify-content:space-between;align-items:center;z-index:2}.reader-pages{max-width:850px;margin:auto}.reader-pages img{display:block;width:100%;height:auto}.reader-pages .reader-error{padding:50px;text-align:center;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#261b32;border:1px solid #79549b;color:white;padding:12px 18px;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(max-width:850px){.topbar{padding:0 18px}.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px;min-height:auto}.hero-art{height:210px}.hero-glyph{font-size:170px}.orbit-one{width:230px}.orbit-two{width:280px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:flex-start;flex-direction:column}.filters{width:100%;flex-wrap:wrap}.filters input,.filters select{flex:1;min-width:140px}.admin-grid{grid-template-columns:1fr}footer{gap:10px;flex-direction:column;align-items:flex-start}}
@media(max-width:460px){.brand{font-size:12px;letter-spacing:2px}.brand-mark{width:34px;height:34px}.user-label{display:none}.hero h1{font-size:52px}.catalog-grid{gap:10px}.cover{height:190px}.series-info{padding:11px}.series-info h3{font-size:16px}.section-heading h2{font-size:32px}.modal{padding:25px}}