nullframe-black.css

@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:400;font-display:swap;src:url('./nullframe/fonts/chakra-petch-400.ttf') format('truetype')}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:500;font-display:swap;src:url('./nullframe/fonts/chakra-petch-500.ttf') format('truetype')}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:600;font-display:swap;src:url('./nullframe/fonts/chakra-petch-600.ttf') format('truetype')}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:700;font-display:swap;src:url('./nullframe/fonts/chakra-petch-700.ttf') format('truetype')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:300;font-display:swap;src:url('./nullframe/fonts/jetbrains-mono-300.ttf') format('truetype')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('./nullframe/fonts/jetbrains-mono-400.ttf') format('truetype')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url('./nullframe/fonts/jetbrains-mono-700.ttf') format('truetype')}
@font-face{font-family:'JetBrains Mono';font-style:italic;font-weight:400;font-display:swap;src:url('./nullframe/fonts/jetbrains-mono-italic-400.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300;font-display:swap;src:url('./nullframe/fonts/space-grotesk-300.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('./nullframe/fonts/space-grotesk-400.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('./nullframe/fonts/space-grotesk-600.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('./nullframe/fonts/space-grotesk-700.ttf') format('truetype')}

:root{
  /* palette */
  --cesu-void:#000; --cesu-panel:#050505; --cesu-panel-alt:#0b0b0b;
  --cesu-border-dim:#161616; --cesu-border-bright:#383838; --cesu-border-accent:#d4d4d4;
  --cesu-text:#c7c7c7; --cesu-text-bright:#f2f2f2; --cesu-text-muted:#777;
  --cesu-gold:#b8b8b8; --cesu-cyan:#a6a6a6; --cesu-alert:#d65a5a;
  /* code colours */
  --cesu-code-keyword:#569cd6; --cesu-code-operator:#d4d4d4; --cesu-code-string:#ce9178;
  --cesu-code-comment:#6a9955; --cesu-code-number:#b5cea8; --cesu-code-variable:#9cdcfe;
  --cesu-code-definition:#dcdcaa; --cesu-code-type:#4ec9b0; --cesu-code-meta:#c586c0;
  --cesu-code-error:#f44747;
  /* ui helpers */
  --cesu-grid-line:rgba(255,255,255,.055); --cesu-overlay-soft:rgba(255,255,255,.02);
  --cesu-page-shadow:0 0 50px rgba(0,0,0,.8); --cesu-code-shadow:0 20px 55px rgba(0,0,0,.46);
  --cesu-math-selection:rgba(56,189,248,.22);
  --cesu-scrollbar:#222; --cesu-scrollbar-hover:#555;
  --cesu-write-gutter:clamp(6rem,12vw,14rem); --cesu-write-max:1440px;
  /* font families */
  --font-heading:'Chakra Petch',sans-serif;
  --font-mono:'JetBrains Mono',monospace;
  --font-body:'Space Grotesk',-apple-system,sans-serif;
  /* Typora bridge */
  --bg-color:var(--cesu-void); --side-bar-bg-color:var(--cesu-void);
  --text-color:var(--cesu-text);
  --select-text-bg-color:rgba(255,255,255,.18);
  --select-text-font-color:var(--cesu-text-bright);
  --active-file-bg-color:var(--cesu-panel);
  --active-file-text-color:var(--cesu-text-bright);
  --active-file-border-color:transparent;
  --item-hover-bg-color:var(--cesu-panel-alt);
  --item-hover-text-color:var(--cesu-text-bright);
  --control-text-color:var(--cesu-text-muted);
  --window-border:1px solid var(--cesu-border-dim);
  --primary-color:var(--cesu-text-bright);
  --rawblock-edit-panel-bd:var(--cesu-border-dim)!important;
  --mermaid-theme:dark;
}

/* ---------- base & grid ---------- */
html,body{
  background-color:var(--cesu-void); color:var(--cesu-text);
  font-family:var(--font-body); font-size:16px; line-height:1.75; letter-spacing:.02em;
}
content{background-color:var(--cesu-void)!important}

#write{
  width:100%; max-width:var(--cesu-write-max); min-height:100vh; margin:0 auto; padding:5rem var(--cesu-write-gutter) 8rem;
  box-sizing:border-box; counter-reset:cesu-chapter;
  background-color:var(--cesu-void);
  background-image:linear-gradient(to right,var(--cesu-grid-line) 1px,transparent 1px),
                    linear-gradient(to bottom,var(--cesu-grid-line) 1px,transparent 1px);
  background-size:48px 48px; background-attachment:scroll; border:none;
  position:relative; box-shadow:none;
}
#write::before{
  content:"UTF-8 // MARKDOWN ■ EOF // END";
  position:absolute; top:1.5rem; left:var(--cesu-write-gutter); right:var(--cesu-write-gutter);
  font-family:var(--font-heading); font-size:.65rem; color:var(--cesu-text-muted);
  letter-spacing:.25em; padding-bottom:.5rem;
  border-bottom:1px solid var(--cesu-border-dim);
  display:flex; justify-content:space-between; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#write::after{display:none}

/* ---------- headings ---------- */
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-heading); text-transform:uppercase; color:var(--cesu-text-bright);
  font-weight:700; line-height:1.2; margin:2.5em 0 1em; position:relative;
}
h1{
  counter-increment:cesu-chapter; counter-reset:cesu-section; font-size:2.2rem; letter-spacing:.05em;
  padding:1.5rem; background:var(--cesu-panel); border:1px solid var(--cesu-border-bright);
  clip-path:polygon(0 0,97% 0,100% 15%,100% 100%,3% 100%,0 85%);
  box-shadow:inset 0 0 20px var(--cesu-overlay-soft); margin-top:1em;
}
h1::before{
  content:"Chapter-" counter(cesu-chapter,decimal-leading-zero);
  font-size:.9rem; color:var(--cesu-text-muted); display:block; margin-bottom:.3rem;
  letter-spacing:.2em; text-transform:none;
}
h2{
  counter-increment:cesu-section; font-size:1.5rem; padding-bottom:.5rem;
  border-bottom:1px solid var(--cesu-border-bright); display:flex; align-items:center;
}
h2::before{content:""; display:inline-block; width:8px; height:18px; background:var(--cesu-text-bright); margin-right:12px}
h2::after{
  content:"SECTION-" counter(cesu-section,decimal-leading-zero); margin-left:auto;
  font-size:.65rem; color:var(--cesu-text-muted); letter-spacing:.2em; font-family:var(--font-heading);
}
h3{font-size:1.2rem; color:var(--cesu-text-bright); padding-left:1rem; border-left:2px solid var(--cesu-text-bright)}
h4{font-size:1rem; color:#38bdf8; letter-spacing:.05em}
h5{font-size:.9rem; color:#d4af37}
h6{font-size:.8rem; color:#64748b; letter-spacing:.15em}

/* ---------- text ---------- */
p{margin:1.2em 0; text-align:justify}
strong,b{color:var(--cesu-text-bright); font-weight:700; box-shadow:none}
em,i{font-style:italic; color:var(--cesu-text-bright); padding:0 4px}
p>em:first-child{color:var(--cesu-text-muted)}
a{color:var(--cesu-text-bright); text-decoration:none; border-bottom:1px solid var(--cesu-border-bright); position:relative}
a:hover{color:var(--cesu-void); background:var(--cesu-text-bright); border-bottom-color:var(--cesu-text-bright)}
p>em{font-family:var(--font-body); color:var(--cesu-text-muted)}
mark{background:var(--cesu-text-bright); color:var(--cesu-void); font-weight:bold; padding:2px 8px; font-size:.9em; border-radius:0}
code{font-family:var(--font-mono); font-size:.85em; background:var(--cesu-panel-alt); color:var(--cesu-text-bright); border:1px solid var(--cesu-border-dim); padding:.2em .5em; margin:0 .2em}

/* ---------- front matter ---------- */
#write pre.md-meta-block{
  min-height:0; margin:0 0 2em; padding:1.15rem 1.35rem; overflow-wrap:anywhere; white-space:pre-wrap;
  background:var(--cesu-panel)!important; color:var(--cesu-text)!important;
  border:1px solid var(--cesu-border-dim)!important; border-left:3px solid var(--cesu-text-bright)!important;
  border-radius:0; box-shadow:none; font-family:var(--font-mono); font-size:.82rem; line-height:1.65;
}
#write pre.md-meta-block::before{
  content:"FRONT MATTER"; display:block; margin-bottom:.65rem; padding-bottom:.45rem;
  color:var(--cesu-text-muted); border-bottom:1px solid var(--cesu-border-dim);
  font-family:var(--font-heading); font-size:.62rem; font-weight:700; letter-spacing:.12em;
}
#write pre.md-meta-block .md-meta-i{color:var(--cesu-cyan)!important; font-weight:700}
#write pre.md-meta-block .md-meta-value{color:var(--cesu-text-bright)!important}

/* ---------- blockquote ---------- */
blockquote{
  margin:2em 0; padding:1.5rem 2rem; background:var(--cesu-panel);
  border:1px solid var(--cesu-border-dim); border-left:3px solid var(--cesu-text-bright);
  position:relative; overflow:hidden;
}
blockquote::before{
  content:"BLOCK"; position:absolute; top:0; right:0; background:var(--cesu-border-dim);
  color:var(--cesu-text-muted); font-family:var(--font-heading); font-size:.6rem;
  padding:2px 10px; letter-spacing:.15em;
}
blockquote p{color:var(--cesu-border-accent); font-size:.95rem}
blockquote blockquote{
  margin:1em 0 0; background:var(--cesu-panel-alt); border-left-color:var(--cesu-gold);
}

/* ---------- table ---------- */
table{
  width:100%; border-collapse:separate; border-spacing:0; margin:2em 0;
  background:var(--cesu-panel); border:1px solid var(--cesu-border-bright);
}
th,td{padding:12px 16px; font-size:.9rem; border-right:1px solid var(--cesu-border-dim); border-bottom:1px solid var(--cesu-border-dim)}
th{
  background:var(--cesu-panel-alt); color:var(--cesu-text-bright);
  font-family:var(--font-heading); font-weight:600; text-transform:uppercase; letter-spacing:.1em;
  border-bottom:2px solid var(--cesu-border-bright);
}
th:last-child,td:last-child{border-right:none}
tbody tr:last-child td{border-bottom:none}
tbody tr:hover{background:var(--cesu-overlay-soft)}
td:nth-child(3),td:nth-child(4),td:nth-child(5){text-align:center; font-family:var(--font-heading); font-weight:bold}

/* ---------- code fences ---------- */
.md-fences{
  position:relative; margin:2rem 0; padding:2.15rem 1.25rem 1.25rem;
  background-color:var(--cesu-panel)!important; border:1px solid var(--cesu-border-bright);
  border-radius:0; font-family:var(--font-mono); box-shadow:var(--cesu-code-shadow);
}
.md-fences::before{
  position:absolute; top:.8rem; left:1rem; width:.46rem; height:.46rem; border-radius:50%;
  background:var(--cesu-text-bright);
  box-shadow:.78rem 0 0 var(--cesu-border-bright),1.56rem 0 0 var(--cesu-border-dim);
  content:"";
}
.md-fences::after{
  position:absolute; top:.62rem; right:1rem; color:var(--cesu-text-muted);
  content:"CODE"; font-family:var(--font-mono); font-size:.56rem; letter-spacing:.12em;
}
.md-fences .CodeMirror, .CodeMirror.cm-s-inner{
  min-height:1.6em; background:transparent; color:var(--cesu-text);
  font-family:var(--font-mono); font-size:.88rem; line-height:1.68;
}
.CodeMirror-lines{padding:0}
.CodeMirror-gutters{border-right:1px solid var(--cesu-border-dim); background:transparent}
.CodeMirror-linenumber{color:var(--cesu-text-muted)}
.md-fences .CodeMirror{caret-color:var(--cesu-text-bright)}
.md-fences .CodeMirror-cursor,.md-fences .cm-cursor{border-left:2px solid var(--cesu-text-bright)!important}

/* syntax highlight (VS Code Dark+ palette) */
.cm-s-inner .cm-keyword,.cm-s-inner .cm-atom,.cm-s-inner .cm-builtin,.cm-s-inner .cm-tag{color:var(--cesu-code-keyword)!important}
.cm-s-inner .cm-operator,.cm-s-inner .cm-bracket{color:var(--cesu-code-operator)!important}
.cm-s-inner .cm-string,.cm-s-inner .cm-string-2,.cm-s-inner .cm-quote{color:var(--cesu-code-string)!important}
.cm-s-inner .cm-comment{color:var(--cesu-code-comment)!important; font-style:italic}
.cm-s-inner .cm-number{color:var(--cesu-code-number)!important}
.cm-s-inner .cm-variable,.cm-s-inner .cm-variable-2,.cm-s-inner .cm-variable-3,.cm-s-inner .cm-property,.cm-s-inner .cm-attribute{color:var(--cesu-code-variable)!important}
.cm-s-inner .cm-def{color:var(--cesu-code-definition)!important; font-weight:bold}
.cm-s-inner .cm-type,.cm-s-inner .cm-qualifier{color:var(--cesu-code-type)!important}
.cm-s-inner .cm-meta{color:var(--cesu-code-meta)!important}
.cm-s-inner .cm-header,.cm-s-inner .cm-link{color:var(--cesu-code-keyword)!important}
.cm-s-inner .cm-error,.cm-s-inner .cm-invalidchar{color:var(--cesu-code-error)!important; border-bottom:1px dotted var(--cesu-code-error)}

/* ---------- hr ---------- */
hr{height:0; border:none; border-top:1px solid var(--cesu-border-bright); margin:3em 0; position:relative; overflow:visible}
hr::after{
  content:"BREAK"; position:absolute; top:-9px; left:50%; transform:translateX(-50%);
  background:var(--cesu-void); padding:0 14px; font-family:var(--font-heading);
  font-size:.6rem; color:var(--cesu-text-muted); letter-spacing:.2em;
}

/* ---------- lists ---------- */
#write ul,#write ol{padding-left:1.2em; margin:1.2em 0}
#write li{margin-bottom:.5em; line-height:1.7}
#write ul>li::marker{content:"■ "; color:var(--cesu-text-bright); font-size:.7em}
#write ol>li::marker{font-family:var(--font-heading); font-weight:bold; color:var(--cesu-text-bright)}

/* task list */
#write .task-list-item{display:flex; align-items:flex-start; gap:.5rem; list-style:none!important; margin-left:-1.2em; padding-left:0}
#write .task-list-item::marker{content:none!important}
#write .task-list-item input[type="checkbox"]{
  -webkit-appearance:none; appearance:none; display:inline-block; position:relative; top:0; left:0;
  flex:0 0 .95rem; width:.95rem; height:.95rem; margin:0 .5rem 0 0; background:var(--cesu-panel);
  border:1px solid var(--cesu-border-bright); border-radius:2px; vertical-align:-.12em; cursor:pointer;
}
#write .task-list-item input[type="checkbox"]::before{content:none!important; display:none!important}
#write .task-list-item input[type="checkbox"]:hover,
#write .task-list-item input[type="checkbox"]:focus-visible{border-color:var(--cesu-text-bright); outline:none}
#write .task-list-item input[type="checkbox"]:checked{background:var(--cesu-text-bright); border-color:var(--cesu-text-bright)}
#write .task-list-item input[type="checkbox"]:checked::after{
  content:""; position:absolute; top:.12rem; left:.3rem; width:.25rem; height:.48rem;
  border:solid var(--cesu-void); border-width:0 2px 2px 0; transform:rotate(45deg);
}

/* ---------- math ---------- */
.md-math-block,[mdtype="math_block"]{
  background:var(--cesu-panel)!important; border:1px solid var(--cesu-border-dim)!important;
  padding:1.5rem!important; margin:2em 0; text-align:center;
}
.MathJax,.MathJax_Display,.katex,.katex-display{color:var(--cesu-text)!important}
.md-math-block .katex,.md-math-block .katex-display,.md-math-block .katex-html,.md-math-block .katex *,
.md-inline-math,.md-inline-math svg,.md-inline-math .katex,.md-inline-math .katex *{
  color:var(--cesu-text)!important; fill:currentColor!important;
}

/* edit‑mode math panels */
.md-math-block:hover .md-math-container,
.md-math-block:hover .md-rawblock-tooltip,
.md-rawblock-on-edit:hover .md-rawblock-tooltip,
.md-rawblock-on-edit .md-mathblock-panel,
.md-rawblock-before,
.md-rawblock-after,
.md-rawblock-panel,
.md-mathblock-panel,
.md-rawblock-container,
.md-rawblock-control:not(.md-rawblock-tooltip),
.md-rawblock-tooltip,
.md-math-block .CodeMirror,
[mdtype="math_block"] .CodeMirror,
.md-rawblock-control .CodeMirror{
  background:var(--cesu-panel-alt)!important;
}
.md-math-block .CodeMirror,
[mdtype="math_block"] .CodeMirror,
.md-rawblock-control .CodeMirror{
  border-color:var(--cesu-border-dim)!important;
}

.md-inline-math script,
.md-rawblock-input,
.md-rawblock-control:not(.md-rawblock-tooltip),
.md-math-block .cm-s-inner,
.md-math-block .cm-s-inner *,
[mdtype="math_block"] .cm-s-inner,
[mdtype="math_block"] .cm-s-inner *,
.md-rawblock-panel .cm-s-inner,
.md-rawblock-panel .cm-s-inner *,
.md-rawblock-control .CodeMirror,
.md-rawblock-control .CodeMirror pre,
.md-rawblock-control .CodeMirror-line,
.md-rawblock-control .CodeMirror *{
  color:var(--cesu-cyan)!important; caret-color:var(--cesu-cyan);
}

.md-math-block .CodeMirror-selected,
.md-math-block .CodeMirror-selectedtext,
[mdtype="math_block"] .CodeMirror-selected,
[mdtype="math_block"] .CodeMirror-selectedtext,
.md-rawblock-control .CodeMirror-selected,
.md-rawblock-control .CodeMirror-selectedtext{
  background:var(--cesu-math-selection)!important; color:var(--cesu-text-bright)!important;
}
.md-math-block .CodeMirror-cursor,
[mdtype="math_block"] .CodeMirror-cursor,
.md-rawblock-control .CodeMirror-cursor{border-left-color:var(--cesu-cyan)!important}

#math-inline-preview,#math-inline-preview input,#math-inline-preview textarea{
  background:var(--cesu-panel-alt)!important; color:var(--cesu-cyan)!important;
  border-color:var(--cesu-border-dim)!important;
}
#math-inline-preview .md-arrow::after{background:var(--cesu-panel-alt)!important}

/* ---------- mermaid ---------- */
.md-diagram-panel,.md-diagram-panel .mermaid{background:transparent!important; color:var(--cesu-text)!important}
.md-diagram-panel svg .node rect,
.md-diagram-panel svg .node circle,
.md-diagram-panel svg .node ellipse,
.md-diagram-panel svg .node polygon,
.md-diagram-panel svg .cluster rect,
.md-diagram-panel svg .labelBox,
.md-diagram-panel svg rect.actor{fill:var(--cesu-panel-alt)!important; stroke:var(--cesu-border-bright)!important}
.md-diagram-panel svg .edgeLabel rect,
.md-diagram-panel svg .edgeLabel .labelBkg{fill:var(--cesu-panel)!important; opacity:1!important}
.md-diagram-panel svg text,
.md-diagram-panel svg .label,
.md-diagram-panel svg .nodeLabel,
.md-diagram-panel svg foreignObject div,
.md-diagram-panel svg foreignObject span,
.md-diagram-panel svg foreignObject p{fill:var(--cesu-text)!important; color:var(--cesu-text)!important; background:transparent!important}
.md-diagram-panel svg .edgePath .path,
.md-diagram-panel svg .flowchart-link{stroke:var(--cesu-border-accent)!important}
.md-diagram-panel svg marker path,
.md-diagram-panel svg .arrowheadPath{fill:var(--cesu-border-accent)!important}

/* =========================================================================
   Typora sidebar & outline
   ========================================================================= */
#typora-sidebar{background-color:var(--cesu-void)!important; border-right:1px solid var(--cesu-border-dim)}
.sidebar-content,.file-list-item,.file-node-content{font-family:var(--font-body); color:var(--cesu-text-muted); font-size:.85rem}
.sidebar-content{background-color:var(--cesu-void)}
#typora-sidebar ul,#typora-sidebar li,.outline-content ul,.outline-content li{list-style:none!important}
#typora-sidebar li::marker,.outline-content li::marker{content:none!important}

.file-list-item.active,.file-node-item.active>.file-node-content{
  background:var(--cesu-text-bright)!important; color:var(--cesu-void)!important; border-left:none!important;
}
.file-list-item.active *,.file-node-item.active>.file-node-content *{color:var(--cesu-void)!important}
#typora-sidebar .sidebar-tab.active{background:var(--cesu-text-bright)!important; color:var(--cesu-void)!important}
.file-list-item:hover,.file-node-content:hover{background:var(--cesu-panel-alt)!important; color:var(--cesu-text-bright)!important}

.sidebar-search-input{
  background:var(--cesu-panel-alt); border:1px solid var(--cesu-border-dim);
  color:var(--cesu-text); border-radius:0;
}
.sidebar-search-input::placeholder{color:var(--cesu-text-muted)}

/* outline tree */
.outline-content{
  padding:16px 12px; font-size:13px!important; font-family:var(--font-body);
  background-color:var(--cesu-void);
}
.outline-content li{position:relative; line-height:1.3!important; margin-bottom:0}
.outline-content li a{font-size:13px!important; color:var(--cesu-text-muted); text-decoration:none}
.outline-content ul{position:relative; margin:0 0 0 16px!important; padding:0}
.outline-content li::before{
  content:""; position:absolute; left:0; top:-2px; width:1px; height:calc(100% + 2px);
  border-left:1px solid var(--cesu-border-dim);
}
.outline-content li:last-child::before{height:14px}
.outline-content>li:only-of-type::before{display:none}
.outline-content li .outline-item{
  position:relative; margin:0 0 3px 6px; padding:3px 8px; border-radius:0; transition:none!important;
}
.outline-content li .outline-item::before{
  content:""; position:absolute; left:-6px; top:12px; width:8px;
  border-top:1px solid var(--cesu-border-dim);
}
.outline-expander{padding:0; width:auto; height:8px; background:transparent; color:var(--cesu-text-muted)}
.outline-expander::before{font-size:10px; padding:0 4px 0 2px}
.outline-item:hover{background:var(--cesu-panel-alt)!important; color:var(--cesu-text-bright)!important}
.outline-item:hover a{color:var(--cesu-text-bright)!important}
li>.outline-item-active{background:var(--cesu-text-bright)!important; color:var(--cesu-void)!important; border-left:none!important}
li>.outline-item-active a{color:var(--cesu-void)!important}
.outline-item-active .outline-expander{font-weight:bold; color:var(--cesu-void)}

/* filter mode */
.ty-on-outline-filter .outline-content li::before,
.ty-on-outline-filter .outline-content .outline-item::before{display:none}
.ty-on-outline-filter .outline-content ul,
.ty-on-outline-filter .outline-content .outline-item{margin-left:0}

/* ---------- print & export fixes ---------- */
@media print{
  #write::before{position:static; display:block; width:auto; height:auto; margin:0 0 2.5rem; white-space:normal; overflow:visible; text-overflow:clip}
  #write::after{display:none!important}
  h1{clip-path:none!important}
  strong,b{box-shadow:none!important}
}
body.typora-export #write::before{
  position:static; display:block; width:auto; height:auto; margin:0 0 2.5rem; white-space:normal; overflow:visible; text-overflow:clip
}
body.typora-export #write::after{display:none!important}
body.typora-export h1{clip-path:none!important}
body.typora-export strong,body.typora-export b{box-shadow:none!important}

/* scrollbar */
::-webkit-scrollbar{width:4px; height:4px}
::-webkit-scrollbar-track{background:var(--cesu-void)}
::-webkit-scrollbar-thumb{background:var(--cesu-scrollbar)}
::-webkit-scrollbar-thumb:hover{background:var(--cesu-scrollbar-hover)}