*{box-sizing:border-box}body{margin:0;background:#0c0c18;color:#f9f5ff;font:16px/1.55 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #f2cd58;outline-offset:3px}.wrap{max-width:1140px;margin:auto;padding:0 22px}.top{position:sticky;top:0;z-index:10;background:#11101ff2;border-bottom:1px solid #534269}.bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:77px;flex-wrap:wrap;padding:12px 0}.brand{font-size:1.25rem;font-weight:850;letter-spacing:.05em}.brand span{color:#be91fa}nav{display:flex;gap:8px;flex-wrap:wrap}nav a,.headeraction{padding:9px 11px;border:1px solid transparent;border-radius:9px;color:#dfd5ed;font-size:.91rem}nav a:hover,nav a.current,.headeraction:hover{background:#2e2446;border-color:#674a96}.actions{display:flex;gap:8px}.headeraction{border:1px solid #63527f;background:#1b172b;cursor:pointer}.hero{background:radial-gradient(circle at 80% 10%,#5a367c 0%,transparent 40%),linear-gradient(115deg,#1a1230 0%,#241a40 58%,#0c0c18 100%);border-bottom:1px solid #483459;padding:72px 0}.eyebrow{color:#c7a6f4;text-transform:uppercase;font-size:.75rem;letter-spacing:.18em;font-weight:700}h1{font-size:clamp(2rem,5vw,3.65rem);line-height:1.1;margin:.5em 0 .3em}h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:0 0 12px}h3{margin:0 0 8px}p{color:#d8cde7}.muted{color:#b4a9c9}.btn,button.btn{background:#a276dd;border:1px solid #c9a5fc;padding:11px 18px;border-radius:10px;color:#130f1d;font-weight:750;display:inline-block;cursor:pointer}.btn.secondary{background:#211a32;color:#e4d8f5;border-color:#695484}.section{padding:47px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#181527;border:1px solid #534269;border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:8px}.card:hover{border-color:#a77de4}.card .symbol{font-size:2rem}.card small{color:#b4a9c9}.card p{margin:0}.link{color:#c7a6f4;font-weight:700;margin-top:auto}.crumb{padding:18px 0;color:#bfaed6;font-size:.88rem}.crumb a{text-decoration:underline}.subnav{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.pill{background:#30223e;color:#dfd2f3;padding:5px 10px;border-radius:99px;font-size:.75rem;font-weight:750;align-self:start}.books{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.book{background:#191428;border:1px solid #4e3d6d;border-radius:12px;overflow:hidden}.cover{aspect-ratio:2/3;background:linear-gradient(140deg,#332454,#0d0d18);padding:16px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;border-bottom:1px solid #483459}.cover .num{color:#d6b7ff;font-size:.8rem;letter-spacing:.12em}.cover .bookname{font-size:clamp(.95rem,2vw,1.3rem);font-weight:800}.cover .subtitle{font-size:.86rem;color:#e2d3f3}.bookdetail{padding:12px;display:flex;flex-direction:column;gap:10px}.bookdetail strong{font-size:.94rem}.bookdetail small{color:#cbbbdc}.like{width:38px;height:38px;border:1px solid #8470a2;background:#231b36;border-radius:9px;color:white;font-size:21px;cursor:pointer}.like.active{color:#f4cd37;background:#49361a;border-color:#f4cd37}.footer{background:#120f20;border-top:1px solid #534269;padding:30px 0;margin-top:35px}.footergrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form{max-width:700px}.form label{display:block;margin:15px 0 6px;font-weight:700}.form input,.form textarea{width:100%;padding:12px;border-radius:8px;background:#181527;color:white;border:1px solid #65517c;font:inherit}.form textarea{min-height:120px}.notice{padding:16px;border:1px solid #60517c;border-radius:10px;background:#1d1730;color:#eadffa}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#33254d;border:1px solid #cca5fe;color:white;padding:12px 20px;border-radius:10px;box-shadow:0 6px 30px #0009;display:none;z-index:50}.empty{padding:22px;border:1px dashed #695585;border-radius:12px}.featureimage{border:1px dashed #7f65a1;border-radius:12px;padding:30px;background:#211b34;color:#cbb6e3;text-align:center}.tiny{font-size:.85rem}.callout{background:#1b172b;padding:22px;border-left:4px solid #ad84ef;border-radius:8px}@media(max-width:760px){.bar{align-items:start}.grid{grid-template-columns:1fr 1fr}.books{grid-template-columns:repeat(2,minmax(0,1fr))}.footergrid{grid-template-columns:1fr}.hero{padding:50px 0}}@media(max-width:480px){.grid{grid-template-columns:1fr}nav a{padding:7px 6px;font-size:.8rem}.bookdetail{padding:9px}}