*{box-sizing:border-box}body{margin:0;background:#f6f7f8;color:#15243a;font-family:Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #23b9ed;outline-offset:4px}aside{position:fixed;width:242px;height:100vh;background:#101f37;color:white;padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia;font-size:19px;line-height:1.2}.brand img{width:56px;border-radius:50%}nav{margin-top:55px;display:grid;gap:10px}nav button{border:0;background:none;text-align:left;color:#b8c5d7;padding:15px;border-radius:12px}nav button.active{background:#243852;color:white}nav span{margin-right:12px;color:#69d5f5}.asidefoot{margin-top:auto;font-size:12px;color:#91a5bf;line-height:1.8}main{margin-left:242px;padding:28px 48px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;font-size:13px;color:#68798c}.pill{background:#e7edf4;padding:9px 14px;border-radius:30px;font-size:12px}.intro{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#677b90}h1,h2,h3{font-family:Georgia;font-weight:400}h1{font-size:42px;margin:14px 0}h2{font-size:28px}p{line-height:1.65;color:#68798c}.hero{border-radius:24px;background:radial-gradient(ellipse at 82% 40%,#254c71 0,transparent 55%),#112039;color:white;min-height:330px;padding:42px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero h1{max-width:470px}.hero p{color:#bdcbda;max-width:450px}.hero .intro{color:#67cee9}.infinity{font-family:Georgia;font-size:200px;color:#79e4ff;text-shadow:0 0 25px #009efa;transform:rotate(-12deg);margin:0 40px}.btn{border:0;border-radius:10px;background:#163958;color:white;padding:14px 20px;font-weight:600}.hero .btn{background:#d9f4ff;color:#142d46}.btn.secondary{background:#eaf0f5;color:#163958}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid #e4e9ee;border-radius:18px;overflow:hidden;padding:24px}.art{height:145px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:Georgia;font-size:74px;background:radial-gradient(circle,#6b9fb1,#213c58);color:#ddf5ff}.art.lilac{background:radial-gradient(circle,#ccbcd5,#665f86)}.art.gold{background:radial-gradient(circle,#d9c7a3,#998163)}.tag{font-size:10px;letter-spacing:1.5px;color:#728aa0;margin-top:22px;text-transform:uppercase}.card h3{font-size:22px;margin:12px 0}.card p{font-size:14px}.card button{width:100%;margin-top:14px}.row{display:flex;justify-content:space-between;gap:16px;align-items:center}.note{font-size:12px;color:#748292;margin-top:22px}.welcome{margin-bottom:28px}.oracle{max-width:750px;margin:30px auto;text-align:center}.oraclecard{margin:26px auto;width:240px;min-height:310px;border:1px solid #72aec5;border-radius:18px;background:radial-gradient(circle at 50% 40%,#305675,#101f37);color:white;padding:30px;box-shadow:0 20px 50px #172f4822;display:flex;align-items:center;justify-content:center;flex-direction:column}.oraclecard .symbol{font-size:100px;color:#79e4ff}.oraclecard h2{font-size:25px}.oraclecard p{color:#d1e3ee}.tabs{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}.tabs button{border:1px solid #d8e2ec;padding:10px 16px;border-radius:24px;background:white}.tabs button.selected{background:#163958;color:white}.plan{max-width:640px;margin:25px auto;padding:40px}.price{font-size:42px;font-family:Georgia;margin:24px 0}.plan li{margin:18px 0;color:#596c81}.field{display:block;width:100%;padding:14px;border:1px solid #d8e1e9;border-radius:10px;margin:10px 0 22px;background:white}dialog{border:0;border-radius:20px;max-width:480px;width:90%;padding:30px;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#0b1836aa}.toast{position:fixed;bottom:25px;right:25px;background:#163958;color:white;padding:18px;border-radius:12px;z-index:10}footer{margin-top:40px;border-top:1px solid #e2e8ee;padding-top:18px;font-size:12px;color:#8592a1}@media(max-width:1000px){main{padding:25px}.grid{grid-template-columns:1fr 1fr}.infinity{font-size:130px;margin:10px}.hero{padding:30px}}@media(max-width:700px){aside{height:auto;width:100%;bottom:0;padding:8px;z-index:5}.brand,.asidefoot{display:none}nav{display:flex;margin:0;justify-content:space-around;gap:0}nav button{font-size:10px;text-align:center;padding:10px 5px}nav span{display:block;margin:0 0 6px;font-size:18px}main{margin:0;padding:22px 18px 95px}header{margin-bottom:25px}h1{font-size:32px}.hero{padding:27px;min-height:350px}.hero .infinity{display:none}.grid{grid-template-columns:1fr}.sectionhead h2{font-size:25px}.toast{bottom:85px;left:18px;right:18px}.plan{padding:25px}}

.cover{height:230px;background:#f1f3f6;border-radius:12px;display:flex;justify-content:center;padding:12px}.cover img{height:100%;max-width:100%;object-fit:contain;box-shadow:0 6px 14px #0002}.meta{font-size:12px;color:#698093;margin-top:14px}.badge{color:#29608a;background:#ecf4fa;padding:6px 10px;border-radius:20px;font-size:11px}.reader{border:0;width:100%;height:70vh;background:#edf0f5;border-radius:12px;margin-top:20px}.reader-actions{display:flex;gap:10px;flex-wrap:wrap}.reader-actions a{font-size:14px}.reader-actions .btn{text-decoration:none}audio{width:100%;margin:18px 0}.contentlist{display:grid;gap:14px;margin:24px 0}.contentlist .btn{text-align:left;width:100%}dialog.wide{max-width:960px} .card .note{font-size:11px}

.error{color:#9b3030}.auth{max-width:500px;margin:30px auto}.status{font-size:13px;line-height:1.6}a{color:#236b95}.loading{padding:50px;text-align:center}.btn:disabled{opacity:.6;cursor:wait}