:root{--bg:#08050f;--p:#171021;--line:#ff2ba755;--pink:#ff2ba7;--txt:#f8f3fb;--muted:#9d91a8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 20%,#45216955,transparent 35%),radial-gradient(circle at 90% 30%,#960f4d33,transparent 35%),var(--bg);color:var(--txt);font:14px Inter,Arial;min-height:100vh}header{height:76px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d;background:#08050fcc;backdrop-filter:blur(18px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.18em}.brand b{background:linear-gradient(135deg,#ff2b9f,#8619df);padding:10px;border-radius:11px}.brand small{font-size:8px;color:#a899ad}button,input,textarea{font:inherit}button{cursor:pointer;color:#ddd3e2;background:#ffffff08;border:1px solid #ffffff15;border-radius:10px;padding:10px 13px}button:hover{border-color:var(--line)}main{max-width:1500px;margin:auto;padding:55px 5%}.hero{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.hero label,.student label,#cat{color:#ff68bf;font-size:10px;font-weight:800;letter-spacing:.2em}.hero h1{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.06em;margin:13px 0 18px}.hero em{font-style:normal;background:linear-gradient(90deg,#fff,#ff48b7,#b848ff);-webkit-background-clip:text;color:transparent}.hero p{max-width:650px;color:var(--muted);line-height:1.8}.hero aside{border:1px solid var(--line);padding:14px 18px;border-radius:15px;color:#48f0a0}.hero aside span{color:#eee;font-weight:700}.hero aside small{display:block;color:#817487;margin-left:17px}nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px}nav input{height:43px;width:330px;background:#ffffff08;border:1px solid #ffffff12;border-radius:11px;padding:0 14px;color:white;outline:0}nav .on{background:#ff2ba71f;border-color:#ff2ba780;color:#fff}#grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{min-height:205px;padding:20px;border:1px solid #ffffff10;border-radius:17px;background:linear-gradient(145deg,#1e122add,#0e0a17dd);position:relative;cursor:pointer;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#ff2ba766;box-shadow:0 20px 70px #0008}.icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ff229e19;border:1px solid #ff229e40;color:#ff43af;font-size:19px;margin-bottom:28px}.card h3{font-size:16px;margin:0 0 9px}.card p{font-size:12px;line-height:1.65;color:#90859a;margin:0}.card small{position:absolute;bottom:17px;color:#c8a9c8;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.star{position:absolute;right:13px;top:10px;background:none;border:0;color:#827587;font-size:19px}.student{margin-top:40px;padding:34px;border:1px solid #ff2ba733;border-radius:21px;background:linear-gradient(110deg,#34123acc,#120c1dcc);display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.student h2{font-size:30px;margin:10px 0}.student p{color:var(--muted);line-height:1.7}.primary{background:linear-gradient(100deg,#ff238f,#9b26ff);border:0;color:white;font-weight:800}.lessons{display:grid;gap:10px}.lessons span{padding:14px;border:1px solid #ffffff0d;border-radius:11px;background:#ffffff05}.lessons b{color:#ff45ae;margin-right:15px}.lessons small{display:block;color:#817589;margin:5px 0 0 38px}.hidden{display:none!important}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px}.back{position:absolute;inset:0;background:#000b;backdrop-filter:blur(10px)}article{position:relative;z-index:1;width:min(850px,100%);max-height:92vh;overflow:auto;background:#110b19;border:1px solid #ff2ba74d;border-radius:20px;padding:27px;box-shadow:0 30px 120px #000}.x{position:absolute;right:15px;top:8px;background:none;border:0;font-size:28px}.modal h2{margin:8px 0}.modal p{color:#8f8297}.modal textarea{display:block;width:100%;min-height:130px;margin:20px 0 12px;background:#09070d;color:white;border:1px solid #ffffff12;border-radius:12px;padding:14px;resize:vertical;outline:0}.upload{display:flex;gap:10px;align-items:center;border:1px dashed #ff2ba755;border-radius:12px;padding:13px;color:#ff5bb7;cursor:pointer}.upload input{display:none}.upload span{color:#ddd}.upload small{display:block;color:#807487;margin-top:4px}.modal>.back+article>.primary{margin-top:15px}.modal article>.primary{width:100%}#preview img{width:70px;height:70px;object-fit:cover;border-radius:9px;margin:10px 0}.modal #result{margin-top:20px;border-top:1px solid #ffffff0d;padding-top:15px}.modal #result div{display:flex;justify-content:space-between}.modal pre{white-space:pre-wrap;line-height:1.7;background:#09070d;border:1px solid #ffffff0d;padding:15px;border-radius:11px;max-height:400px;overflow:auto;color:#ddd}.modal #copy{padding:6px 10px;color:#ff68be;border-color:#ff2ba755}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#211226;border:1px solid #ff2ba755;padding:11px 15px;border-radius:10px;opacity:0;transition:.2s;z-index:30}#toast.show{opacity:1}@media(max-width:1100px){#grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.hero,.student{display:block}.hero aside{width:max-content;margin-top:20px}#grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){main{padding:35px 18px}#grid{grid-template-columns:1fr}nav input{width:100%}.top-actions #fav{display:none}}
#promptLibrary{margin-top:18px}.promptCard{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px;border:1px solid #ffffff10;border-radius:13px;background:#ffffff05;margin:10px 0}.promptCard h3{margin:0 0 5px}.promptCard p{margin:0;color:#817589;font-size:12px}.promptCard button{white-space:nowrap;color:#ff68be;border-color:#ff2ba755}.researchHead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.researchHead small{display:block;color:#817589;margin-top:4px}.productCard{display:flex;gap:15px;align-items:flex-start;padding:15px;border:1px solid #ffffff10;border-radius:13px;background:#ffffff05;margin:10px 0}.productCard .rank{font-size:24px;font-weight:900;color:#ff45ae;min-width:35px}.productCard h3{margin:0 0 5px}.productCard p{margin:0;color:#a89caf}.productCard small{display:block;color:#bdb1c5;margin-top:7px}.productCard a{display:inline-block;margin-top:7px;color:#ff68be;font-size:11px;text-decoration:none}.productCard a:hover{text-decoration:underline}