:root{--bg:#05091a;--bg-panel:#0a1230;--bg-card:#101c3d;--border:rgba(255,255,255,.1);--text:#eef3ff;--text-dim:#8ca8d8;--accent:#4f9eff;--accent-2:#2de8c0;--success:#4ade80;--warn:#fbbf24;--font-head:'Syne',sans-serif;--font-body:'DM Sans',sans-serif;--font-mono:'JetBrains Mono',monospace;}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.45;padding:1.4rem;}
.toolbar{max-width:900px;margin:0 auto .8rem;display:flex;gap:.6rem;justify-content:flex-end;}
.btn{font-family:var(--font-mono);font-size:.76rem;padding:.5rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;text-decoration:none;}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;}
.sheet{max-width:900px;margin:0 auto;background:linear-gradient(160deg,var(--bg-panel),var(--bg));border:1px solid var(--border);border-radius:18px;overflow:hidden;}
.head{display:flex;align-items:center;gap:1rem;padding:1rem 1.4rem;border-bottom:1px solid var(--border);background:rgba(79,158,255,.06);}
.brand{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text);font-family:var(--font-head);font-weight:800;font-size:1.02rem;}
.brand b{color:var(--accent);}
.flying-logo{width:46px;height:32px;object-fit:contain;animation:fl 3.6s ease-in-out infinite;filter:drop-shadow(0 5px 12px rgba(79,158,255,.4));}
@keyframes fl{0%,100%{transform:translateY(0)}25%{transform:translateY(-6px)}50%{transform:translateY(-2px)}75%{transform:translateY(-7px)}}
.head-title{flex:1;text-align:center;}
.head-title .kind{font-family:var(--font-mono);font-size:.66rem;letter-spacing:2.5px;color:var(--accent-2);text-transform:uppercase;}
.head-title h1{font-family:var(--font-head);font-weight:800;font-size:1.9rem;line-height:1.12;}
.head-title h1 em{font-style:normal;color:var(--warn);}
.course-badge{font-family:var(--font-mono);font-size:.7rem;color:var(--warn);border:1px solid rgba(251,191,36,.35);background:rgba(251,191,36,.08);padding:.3rem .7rem;border-radius:999px;white-space:nowrap;}
.intro{padding:.7rem 1.4rem;color:var(--text-dim);font-size:.88rem;border-bottom:1px solid var(--border);}
.intro b{color:var(--accent-2);font-weight:600;}
.grid{display:grid;grid-template-columns:1.12fr .88fr;gap:0;}
.col{padding:1rem 1.4rem;}
.col+.col{border-left:1px solid var(--border);}
.blk{margin-bottom:1rem;}
.blk h2{font-family:var(--font-head);font-size:.78rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text);background:var(--bg-card);border:1.5px solid var(--accent);border-radius:999px;display:table;margin:0 auto .6rem;padding:.28rem 1.1rem;box-shadow:0 3px 10px rgba(79,158,255,.25);}
.idea{display:flex;gap:.55rem;margin-bottom:.45rem;font-size:.85rem;}
.idea .n{font-family:var(--font-mono);font-size:.68rem;color:var(--bg);background:var(--accent-2);min-width:1.25rem;height:1.25rem;border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;margin-top:.1rem;}
.idea b{color:var(--text);font-weight:600;}
.idea span{color:var(--text-dim);}
.formula{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-2);background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:7px;padding:.5rem .7rem;margin-bottom:.45rem;word-break:break-word;white-space:pre-wrap;}
.ex{border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:.45rem;background:var(--bg-card);}
.ex .q{padding:.45rem .7rem;font-size:.82rem;color:var(--text);}
.ex .a{padding:.35rem .7rem;font-family:var(--font-mono);font-size:.78rem;color:var(--success);border-top:1px dashed var(--border);}
.ex .a::before{content:'= ';color:var(--text-dim);}
.foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1.4rem;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);flex-wrap:wrap;}
.foot .url{color:var(--accent-2);}
.foot a{color:var(--text-dim);text-decoration:none;}
.foot a b{color:var(--accent);}
@media(max-width:640px){.grid{grid-template-columns:1fr;}.col+.col{border-left:none;border-top:1px solid var(--border);}}
@media print{
  @page{size:A4;margin:9mm;}
  body{background:#fff;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  .toolbar{display:none;}
  .sheet{max-width:100%;border:none;border-radius:0;background:#fff;overflow:visible;}
  .head{background:#f2f6fc !important;border-color:#c9d3e3;}
  .brand,.head-title h1{color:#0a1020;}
  .head-title h1 em{color:#b45309;}
  .flying-logo{animation:none;filter:none;}
  .intro{color:#31435f;border-color:#c9d3e3;} .intro b{color:#0369a1;}
  .col+.col{border-color:#c9d3e3;}
  .blk h2{color:#0a1020;background:#fff !important;border-color:#2563eb;box-shadow:none;}
  .idea b{color:#0a1020;} .idea span{color:#31435f;} .idea .n{background:#2563eb;color:#fff;}
  .formula{background:#f2f6fc !important;color:#0f3f66;border-color:#c9d3e3;border-left-color:#2563eb;}
  .ex{background:#fff;border-color:#c9d3e3;} .ex .q{color:#0a1020;} .ex .a{color:#047857;border-color:#c9d3e3;}
  .foot{border-color:#c9d3e3;color:#31435f;}
  .grid{display:block;column-count:2;column-gap:1.2rem;}
  .col{padding:.4rem 0;}
  .col+.col{border:none;}
  .blk{break-inside:avoid;margin-bottom:.8rem;}
  .idea,.ex,.formula{break-inside:avoid;}
}