body{margin:0}
.ewlab{
background:#030d14;
color:#d7f3ff;
font-family:Arial,sans-serif;
padding:20px;
min-height:100vh;
}
.hero{
text-align:center;
padding:30px;
border-bottom:2px solid #00ffe7;
margin-bottom:20px;
}
.hero h1{
font-size:48px;
margin:0;
color:#00ffe7;
}
.panel{
background:#0a1d28;
padding:20px;
border-radius:16px;
border:1px solid #15445c;
margin-bottom:20px;
}
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:20px;
}
canvas{
width:100%;
background:#021019;
border-radius:12px;
margin-top:15px;
}
.book-text{
max-height:700px;
overflow:auto;
background:#021019;
padding:20px;
border-radius:12px;
border:1px solid #15445c;
}
pre{
white-space:pre-wrap;
line-height:1.7;
font-size:15px;
}
.notes li{
padding:10px 0;
border-bottom:1px solid rgba(255,255,255,.08);
}