/* The sky of k▪universe, the same on every page: the night of the universe, a violet nebula above left,
   a teal one below right and a field of stars. Pages keep their own content; only the background changes. */
:root{--ink:#06070f}
html{background:#06070f;min-height:100%}
html::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 60vmax 50vmax at 28% 30%,rgba(90,70,160,.11),rgba(90,70,160,0) 70%),
             radial-gradient(ellipse 52vmax 44vmax at 76% 72%,rgba(40,120,160,.07),rgba(40,120,160,0) 70%),
             url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="600" height="600"%3E%3Ccircle cx="271" cy="336" r="0.66" fill="%23fff" fill-opacity="0.36"/%3E%3Ccircle cx="305" cy="352" r="0.25" fill="%23fff" fill-opacity="0.38"/%3E%3Ccircle cx="378" cy="476" r="0.20" fill="%23fff" fill-opacity="0.29"/%3E%3Ccircle cx="54" cy="486" r="0.53" fill="%23fff" fill-opacity="0.17"/%3E%3Ccircle cx="589" cy="579" r="0.51" fill="%23fff" fill-opacity="0.43"/%3E%3Ccircle cx="94" cy="9" r="0.44" fill="%23fff" fill-opacity="0.18"/%3E%3Ccircle cx="114" cy="145" r="0.17" fill="%23fff" fill-opacity="0.36"/%3E%3Ccircle cx="264" cy="505" r="0.44" fill="%23fff" fill-opacity="0.44"/%3E%3Ccircle cx="300" cy="397" r="0.40" fill="%23fff" fill-opacity="0.28"/%3E%3Ccircle cx="599" cy="597" r="0.61" fill="%23fff" fill-opacity="0.47"/%3E%3Ccircle cx="189" cy="138" r="0.31" fill="%23fff" fill-opacity="0.18"/%3E%3Ccircle cx="460" cy="240" r="0.62" fill="%23fff" fill-opacity="0.32"/%3E%3Ccircle cx="575" cy="508" r="0.15" fill="%23fff" fill-opacity="0.24"/%3E%3Ccircle cx="546" cy="282" r="0.69" fill="%23fff" fill-opacity="0.33"/%3E%3Ccircle cx="44" cy="378" r="0.58" fill="%23fff" fill-opacity="0.27"/%3E%3Ccircle cx="52" cy="200" r="0.68" fill="%23fff" fill-opacity="0.49"/%3E%3Ccircle cx="71" cy="148" r="0.21" fill="%23fff" fill-opacity="0.18"/%3E%3Ccircle cx="478" cy="107" r="0.46" fill="%23fff" fill-opacity="0.35"/%3E%3Ccircle cx="114" cy="439" r="0.22" fill="%23fff" fill-opacity="0.44"/%3E%3Ccircle cx="70" cy="252" r="0.27" fill="%23fff" fill-opacity="0.27"/%3E%3Ccircle cx="583" cy="482" r="0.32" fill="%23fff" fill-opacity="0.55"/%3E%3Ccircle cx="126" cy="237" r="0.62" fill="%23fff" fill-opacity="0.44"/%3E%3Ccircle cx="60" cy="594" r="0.27" fill="%23fff" fill-opacity="0.27"/%3E%3Ccircle cx="464" cy="197" r="0.31" fill="%23fff" fill-opacity="0.18"/%3E%3Ccircle cx="54" cy="350" r="0.28" fill="%23fff" fill-opacity="0.42"/%3E%3Ccircle cx="223" cy="272" r="0.68" fill="%23fff" fill-opacity="0.37"/%3E%3Ccircle cx="345" cy="520" r="0.25" fill="%23fff" fill-opacity="0.22"/%3E%3Ccircle cx="545" cy="491" r="0.29" fill="%23fff" fill-opacity="0.24"/%3E%3Ccircle cx="444" cy="564" r="0.26" fill="%23fff" fill-opacity="0.58"/%3E%3Ccircle cx="529" cy="362" r="0.38" fill="%23fff" fill-opacity="0.20"/%3E%3Ccircle cx="23" cy="578" r="0.28" fill="%23fff" fill-opacity="0.47"/%3E%3Ccircle cx="154" cy="494" r="0.48" fill="%23fff" fill-opacity="0.28"/%3E%3Ccircle cx="105" cy="432" r="0.19" fill="%23fff" fill-opacity="0.25"/%3E%3Ccircle cx="336" cy="511" r="0.49" fill="%23fff" fill-opacity="0.28"/%3E%3Ccircle cx="550" cy="122" r="0.16" fill="%23fff" fill-opacity="0.27"/%3E%3Ccircle cx="267" cy="36" r="0.25" fill="%23fff" fill-opacity="0.32"/%3E%3Ccircle cx="343" cy="79" r="0.35" fill="%23fff" fill-opacity="0.55"/%3E%3Ccircle cx="588" cy="394" r="0.53" fill="%23fff" fill-opacity="0.41"/%3E%3Ccircle cx="84" cy="21" r="0.16" fill="%23fff" fill-opacity="0.56"/%3E%3Ccircle cx="421" cy="578" r="0.16" fill="%23fff" fill-opacity="0.44"/%3E%3Ccircle cx="289" cy="438" r="0.33" fill="%23fff" fill-opacity="0.60"/%3E%3Ccircle cx="45" cy="328" r="0.56" fill="%23fff" fill-opacity="0.56"/%3E%3Ccircle cx="442" cy="422" r="0.59" fill="%23fff" fill-opacity="0.56"/%3E%3Ccircle cx="211" cy="411" r="0.65" fill="%23fff" fill-opacity="0.54"/%3E%3Ccircle cx="250" cy="474" r="0.62" fill="%23fff" fill-opacity="0.41"/%3E%3Ccircle cx="375" cy="229" r="0.47" fill="%23fff" fill-opacity="0.42"/%3E%3Ccircle cx="48" cy="384" r="0.70" fill="%23fff" fill-opacity="0.55"/%3E%3Ccircle cx="437" cy="233" r="0.55" fill="%23fff" fill-opacity="0.41"/%3E%3Ccircle cx="264" cy="503" r="0.20" fill="%23fff" fill-opacity="0.49"/%3E%3Ccircle cx="18" cy="361" r="0.41" fill="%23fff" fill-opacity="0.25"/%3E%3Ccircle cx="419" cy="298" r="0.49" fill="%23fff" fill-opacity="0.56"/%3E%3Ccircle cx="153" cy="7" r="0.32" fill="%23fff" fill-opacity="0.46"/%3E%3Ccircle cx="122" cy="102" r="0.65" fill="%23fff" fill-opacity="0.45"/%3E%3Ccircle cx="265" cy="535" r="0.33" fill="%23fff" fill-opacity="0.45"/%3E%3Ccircle cx="119" cy="259" r="0.59" fill="%23fff" fill-opacity="0.56"/%3E%3Ccircle cx="528" cy="231" r="0.47" fill="%23fff" fill-opacity="0.29"/%3E%3Ccircle cx="82" cy="298" r="0.61" fill="%23fff" fill-opacity="0.53"/%3E%3Ccircle cx="427" cy="570" r="0.30" fill="%23fff" fill-opacity="0.23"/%3E%3Ccircle cx="270" cy="165" r="0.27" fill="%23fff" fill-opacity="0.34"/%3E%3Ccircle cx="375" cy="296" r="0.32" fill="%23fff" fill-opacity="0.53"/%3E%3Ccircle cx="589" cy="271" r="0.19" fill="%23fff" fill-opacity="0.16"/%3E%3Ccircle cx="524" cy="25" r="0.54" fill="%23fff" fill-opacity="0.41"/%3E%3Ccircle cx="185" cy="475" r="0.16" fill="%23fff" fill-opacity="0.21"/%3E%3Ccircle cx="273" cy="15" r="0.61" fill="%23fff" fill-opacity="0.26"/%3E%3Ccircle cx="85" cy="28" r="0.50" fill="%23fff" fill-opacity="0.35"/%3E%3Ccircle cx="378" cy="393" r="0.59" fill="%23fff" fill-opacity="0.58"/%3E%3Ccircle cx="411" cy="120" r="0.41" fill="%23fff" fill-opacity="0.23"/%3E%3Ccircle cx="6" cy="283" r="0.54" fill="%23fff" fill-opacity="0.23"/%3E%3Ccircle cx="163" cy="207" r="0.53" fill="%23fff" fill-opacity="0.38"/%3E%3Ccircle cx="369" cy="454" r="0.37" fill="%23fff" fill-opacity="0.51"/%3E%3C/svg%3E') 0 0/600px 600px}
body{background:transparent!important}
/* Inside the home's example frame the page above already shows the sky. */
html.ku-embed{background:transparent}html.ku-embed::before{display:none}
#works,#knowledge-base,.knowledge-universe{background:transparent!important}
/* The example in the home never scrolls on its own: the wheel and the finger scroll the home page. */
html.ku-embed,html.ku-embed body,html.ku-embed #knowledge-base{overflow:hidden!important;overscroll-behavior:auto}
