
  @page{size:A4; margin:0;}
  :root{
    --bg:#0A1626; --panel:#102237; --panel2:#0d1d30;
    --line:rgba(255,255,255,.08); --line2:rgba(54,224,208,.22);
    --acc:#36e0d0; --accd:#2bb6aa;
    --tx:#eaf2f5; --mut:#8aa1b2; --mut2:#6f8696;
    --warn:#f0c259; --green:#3ECF8E; --val:rgba(54,224,208,.10);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html,body{background:var(--bg); color:var(--tx); font-family:'Inter','Segoe UI',system-ui,sans-serif; line-height:1.45;}
  body{background:radial-gradient(900px 600px at 80% -5%,#15294a 0%,#0A1626 55%); padding:0 0 90px;}
  .wrap{max-width:1140px; margin:0 auto; padding:26px 24px 0; position:relative; z-index:2;}

  header{display:flex; justify-content:space-between; align-items:flex-end; border-bottom:1.5px solid var(--line2); padding-bottom:16px;}
  .h-left{display:flex; align-items:center; gap:14px;}
  .h-left img{height:38px; width:auto;}
  .h-tt h1{font-size:23px; font-weight:700; letter-spacing:-.01em;}
  .h-tt .sub{font-size:12.5px; color:var(--mut); margin-top:2px;}
  .h-date{font-size:12px; color:var(--accd); text-align:right; line-height:1.5;}
  .intro{font-size:12.5px; color:var(--mut); margin:14px 0 20px; padding-left:2px;}
  .intro b{color:var(--acc);}

  .section{background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:18px 22px; margin-bottom:18px;}
  .s-head{display:flex; align-items:center; gap:12px; margin-bottom:12px;}
  .s-num{min-width:26px; height:26px; padding:0 8px; flex:none; border-radius:7px; background:var(--acc); color:#06202a; font-size:13px; font-weight:700; display:flex; align-items:center; justify-content:center;}
  .s-name{font-size:17px; font-weight:600;}

  table{width:100%; border-collapse:collapse; font-size:12.5px;}
  th{color:var(--acc); text-align:left; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; padding:9px 10px; border-bottom:1px solid var(--line2);}
  td{padding:10px 10px; border-bottom:1px solid var(--line); vertical-align:top; color:#d6e4ec;}
  td:first-child{color:var(--acc); font-weight:700; white-space:nowrap;}
  tr.big td{background:rgba(54,224,208,.05);}
  .chan{font-weight:600; color:#fff; white-space:nowrap;}

  .day{background:var(--panel2); border:1px solid var(--line); border-left:3px solid var(--acc); border-radius:11px; padding:14px 18px; margin-bottom:12px;}
  .day h3{font-size:14.5px; font-weight:700; margin-bottom:2px;}
  .day h3 small{color:var(--mut); font-weight:500; margin-left:8px;}
  .day .meta{font-size:11.5px; color:var(--mut); margin-bottom:8px;}
  .day .meta b{color:var(--acc); font-weight:600;}
  .subject{font-size:12.5px; font-weight:600; color:var(--green); margin:6px 0 4px;}
  .body{font-size:12.5px; color:#cdd9e6; line-height:1.55; white-space:pre-line;}
  .creative{margin-top:8px; font-size:11.5px; color:var(--warn);}
  .creative::before{content:"🎨 Designer direction: "; font-weight:600;}

  .tc{display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:8px;}
  .tc div{background:var(--panel2); border:1px solid var(--line); border-radius:8px; padding:8px 12px; font-size:12px;}
  .tc div span{display:block; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--mut);}
  .tc div b{color:var(--acc); font-weight:600;}

  .note{font-size:11.5px; color:var(--mut); margin-top:10px;}

  .bar{position:fixed; bottom:0; left:0; right:0; z-index:50; background:rgba(10,22,38,.96); border-top:1px solid var(--line2); backdrop-filter:blur(8px); padding:12px 24px;}
  .bar-in{max-width:1140px; margin:0 auto; display:flex; align-items:center; gap:12px;}
  .btn{font-family:inherit; font-size:12.5px; padding:9px 15px; border-radius:9px; cursor:pointer; transition:.15s; border:1px solid var(--line2); background:transparent; color:var(--tx); text-decoration:none;}
  .btn:hover{background:rgba(54,224,208,.1);}
  .btn.primary{background:var(--acc); color:#06202a; border-color:var(--acc); font-weight:600;}
  .btn.primary:hover{background:#5fece0;}
  .spacer{margin-left:auto;}

  html.lb-day{filter:invert(1) hue-rotate(180deg);}
  html.lb-day img{filter:hue-rotate(180deg) invert(1);}

  @media print{
    *{-webkit-print-color-adjust:exact!important; print-color-adjust:exact!important;}
    html.lb-day{filter:none!important;}
    .bar{display:none!important;}
    .section,.day,tr{break-inside:avoid;}
    .wrap{padding:12mm 12mm; max-width:none;}
    body{padding:0;}
  }
