.discovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.discovery-card{position:relative;overflow:hidden;padding:26px;border:1px solid #ad91ed40;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#8655c333,transparent 70%),#111322}.discovery-card>span{font:10px monospace;letter-spacing:.16em;color:#c7b0ef;direction:ltr;display:block}.discovery-card strong{display:block;font-size:23px;margin-top:24px}.discovery-card p,.source-note{color:#a8a9bd;line-height:2;font-size:12px}.discovery-card b{font-size:12px;color:#d4baff}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0}.topic-card{padding:22px 12px;min-height:120px;border:1px solid #af90e533;border-radius:20px;background:#131522;cursor:pointer}.topic-card span{display:block;color:#c6a9ff;font-size:28px;margin-bottom:12px}.topic-card strong{font-size:13px}.topic-card.selected,.star-node.selected{border-color:#cbb1ff;background:#2b2044}.context-link{display:block;color:#ccb2ff;font-size:12px;margin-top:16px}.constellation{height:520px;position:relative;margin:24px 0;overflow:hidden;border:1px solid #a28bcc33;border-radius:28px;background:radial-gradient(ellipse at 50% 60%,#41235b55,transparent 65%),radial-gradient(1px 1px at 15% 24%,#eee 95%,transparent),radial-gradient(1px 1px at 75% 36%,#eee 95%,transparent),#080b15;background-size:auto,73px 89px,113px 101px,auto;perspective:900px}.constellation:before{content:'';position:absolute;inset:18%;border:1px solid #be9aff30;border-radius:50%;transform:rotateX(65deg) rotateZ(-25deg);box-shadow:0 0 80px #8a51d522}.star-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:112px;min-height:86px;background:#171427d9;color:#ede5ff;border:1px solid #b69be14d;border-radius:22px;cursor:pointer;animation:star-float 5s ease-in-out infinite;animation-delay:var(--delay)}.star-node span{display:block;color:#c6a9ff;font-size:24px;text-shadow:0 0 22px #c29aff}.star-node strong{font-size:11px}@keyframes star-float{50%{translate:0 -8px}}.studio-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:26px 0}.studio-controls label{font-size:12px;color:#afb1c4}.studio-controls input,.studio-controls select,.studio-controls button,.studio-download{width:100%;padding:13px;border:1px solid #b59ad550;border-radius:12px;background:#151626;color:#eee;font:inherit}.studio-controls button{grid-column:1/-1;background:#bda1ed;color:#151020;cursor:pointer}.studio-download{max-width:540px;display:block;margin:18px auto;cursor:pointer}.studio-download:disabled{opacity:.4}#studio-canvas{display:block;width:100%;max-width:540px;height:auto;border-radius:18px;margin:24px auto;border:1px solid #bea0ef40}#studio-status{text-align:center;font-size:12px;color:#b9adcc}button:focus-visible,a:focus-visible{outline:2px solid #c8aeff;outline-offset:4px}@media(max-width:650px){.discovery-grid{grid-template-columns:1fr}.topic-grid{grid-template-columns:repeat(2,1fr)}.discovery-card strong{font-size:22px}.constellation{height:500px}.star-node{width:95px}.studio-controls{grid-template-columns:1fr 1fr}.studio-controls label:last-of-type{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.star-node{animation:none}}.reader-tools{display:flex;align-items:center;gap:20px;padding:15px 0;color:#b9adcc;font-size:12px}.reader-tools select{margin-inline-start:8px;border:1px solid #ac8bce44;border-radius:10px;background:#161722;color:#eee;padding:8px;font:inherit}.reader .arabic{font-size:var(--reading-size,26px)}.reader.hide-translation .translation{display:none}