:root{color-scheme:dark;--bg:#10141d;--panel:#191e29;--line:#303644;--muted:#a4adbd;--text:#f4f4ed;--lime:#d2ef91;--purple:#baa8ef;--radius:17px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button:disabled{opacity:.5;cursor:default}main,.site-header,footer{max-width:1340px;margin:auto;padding-inline:clamp(18px,5vw,64px)}.site-header{min-height:93px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.site-header nav{display:flex;gap:18px;color:#b9bcc9;font-size:12px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:750;letter-spacing:-.7px}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:2px;margin-top:2px;font-weight:650}.brand-mark{width:45px;height:45px;background:var(--lime);color:#181c23;border-radius:13px;display:grid;place-items:center;font:italic 37px Georgia,serif}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.75fr);gap:clamp(22px,5vw,70px);align-items:center;padding-block:clamp(30px,5vw,60px)}.eyebrow{font-weight:750;color:var(--muted);font-size:10px;letter-spacing:1.8px;margin:0 0 13px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);margin-right:9px;box-shadow:0 0 15px #d2ef9177}.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.08;font-weight:550;letter-spacing:-2.8px;margin:14px 0 20px}.hero em{font-family:Georgia,serif;color:var(--lime);font-weight:400}.hero-text{max-width:570px;color:var(--muted);line-height:1.85;margin:0}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:26px}.btn{padding:12px 17px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-weight:700}.btn.primary{background:var(--lime);color:#182118;border-color:var(--lime)}#syncState{color:var(--muted);font-size:12px;max-width:280px}.orbit-art{position:relative;min-height:286px;border:1px solid #494451;border-radius:var(--radius);overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#544a6e 0,#302e40 41%,#222431 79%)}.orbit-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#9a93af13 1px,transparent 1px),linear-gradient(90deg,#9a93af13 1px,transparent 1px);background-size:32px 32px}.orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-27deg);border:1px solid #c9b9e266;border-radius:50%}.orbit-one{width:200px;height:200px}.orbit-two{width:300px;height:140px}.orbit-three{width:265px;height:265px;border-style:dashed;opacity:.6}.orb-core{width:94px;height:94px;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 25%,#dfd2f6,#9480b8 72%);color:#222132;display:grid;place-items:center;font:italic 87px Georgia,serif;box-shadow:0 0 60px #b9a6d288}.orbit-note{position:absolute;left:22px;bottom:17px;font-size:9px;letter-spacing:1.8px;color:#eee5fc}.library{border-top:1px solid var(--line);padding:32px 0 70px}.library-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:22px}.library-head h2{font-size:25px;letter-spacing:-.5px;font-weight:600;margin:0}.count{color:var(--lime);font:13px ui-monospace,monospace}.toolbar{display:flex;flex-wrap:wrap;gap:12px;background:var(--panel);padding:18px;border-radius:var(--radius);border:1px solid var(--line)}.toolbar label{display:grid;gap:7px;color:#c2cad6;font-size:11px;font-weight:700;flex:1 1 175px}.toolbar input,.toolbar select,.chapter-editor input{background:#10141d;border:1px solid #444a58;color:white;border-radius:10px;padding:12px;width:100%;min-height:45px}.collection-note{color:var(--muted);font-size:12px;line-height:1.8}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin-top:25px}.story-card{min-width:0;border:1px solid #353e4b;background:linear-gradient(140deg,#202632,#171d29);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:12px}.story-card h3{font-size:18px;line-height:1.35;letter-spacing:-.3px;margin:0;overflow-wrap:anywhere}.story-card p{color:#bfc6d1;line-height:1.65;margin:0;overflow-wrap:anywhere}.meta{color:var(--purple);font-size:10px;letter-spacing:1px;font-weight:750}.buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.buttons button,.chapter-editor button{background:#2b3240;border:1px solid #535a67;color:var(--text);border-radius:10px;padding:10px 12px;min-height:40px;font-weight:750}.buttons .read{background:var(--lime);border-color:var(--lime);color:#172018}.chapter-editor{display:grid;gap:9px}.chapter-editor input{font-size:12px;min-height:40px}.chapter-editor button{width:100%}.empty{grid-column:1/-1;padding:35px;border:1px dashed #6d7180;border-radius:var(--radius);background:#191e29;color:#d9d7e6;text-align:center}dialog{background:#1a202c;color:white;border:1px solid #7d748c;border-radius:20px;padding:28px;width:min(92vw,760px);max-height:92dvh}dialog::backdrop{background:#070810df}.close{float:right;border:0;background:var(--lime);color:#152013;border-radius:10px;padding:6px 14px;font-size:22px;cursor:pointer}#readerBody h2{font-size:26px;line-height:1.25}#readerBody p{color:#d7d9e3;white-space:pre-wrap;line-height:1.85}#readerBody a{color:var(--lime);overflow-wrap:anywhere}#readerBody img{display:block;max-width:100%;max-height:400px;object-fit:contain;border-radius:12px}footer{padding-bottom:28px;display:flex;gap:22px;justify-content:space-between;color:#8993a5;font-size:10px;letter-spacing:.8px}@media(max-width:750px){.hero{grid-template-columns:1fr}.orbit-art{min-height:180px}.orbit-one{width:165px;height:165px}.orbit-two{width:230px;height:90px}.orbit-three{width:200px;height:200px}.orb-core{width:70px;height:70px;font-size:64px}}@media(max-width:460px){.site-header nav{gap:11px}.brand{font-size:17px}.brand small{font-size:7px;letter-spacing:1px}.hero h1{font-size:43px}.toolbar{padding:12px}.story-card{padding:17px}}