:root {
    --w7-tvb-size: 8px; /* tvb = treeview button */
    --w7-tv-left: 20px;
}
main {
    width: 30em;
    margin: 2em auto 0;
}
.inner {
    height: 36em;
    overflow: auto;
}
#sitemapSummary::before {
    left: -0.2em;
    width: 1.6em;
    height: 1.6em;
}
#sitemapSummary {
    padding-left: 0.3em;
}
#sitemapList {
    padding-top: 0.4em;
    margin-top: -0.5em;
}
ul {
    margin: 0;
    position: relative;
    display: block;
    padding: 0 6px 0 20px;
    margin-top: 4px;
    &::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0.4em;
        height: 81.5%;
        border-left: 2px solid #351D2D;
      }
}
ul.home::before, ul.music::before {
    height: 60%;
}
ul.shrines::before  {
    height: 85%;
}
ul.webmaster::before {
    height: 85%;
}
ul.writing::before {
    height: 89%;
}
li::before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: -0.64em;
    width: 0.5em;
    border-bottom: 2px solid #351D2D;
}
li {
    list-style-type: none;
    margin-top: 4px;
    position: relative;
}
summary::-webkit-details-marker, summary::marker {
    display: none!important;
    content: "";
}
summary::before {
    content: "a";
    font-family: starshine;
    right: unset;
    position: relative;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    top: -0.4em;
    border-radius: 0.25em;
    color: #A2F0E8;
    background: #351D2D;
    font-size: 7px;
    font-weight: bold;
    text-align: center;
    margin: 0;
}
ul summary {
    margin-left: -0.25em;
    margin-top: 0;
}
.innerList {
    margin-left: -0.43em;
    margin-top: -0.5em;
    padding-top: 0.4em;
}
a {
    text-decoration: none;
    transition: 0.3s ease;
}
a:hover {
    letter-spacing: 0.05em;
}
.unfinished {
    opacity: 75%;
    pointer-events: none;
    text-decoration: 1px dotted underline;
}
#back {
    font-family: starshine;
    font-size: 3em;
    background-image: url(https://novalite.rest/siteImage/starbgh.gif);
    background-size: contain;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 4px;
    -webkit-text-stroke-color: #361D2E;
    filter: drop-shadow(1px 1px 0 #F0ECA2) drop-shadow(-1px 1px 0 #F0ECA2) drop-shadow(0 -1px 0 #F0ECA2) drop-shadow(1px 0 #F0ECA2);
    position: relative;
    z-index: 999;
    letter-spacing: 0.15em;
    width: fit-content;
    text-decoration: none !important;
    margin: 0.5em auto;
    display: block;
    text-align: center;
    transform-origin: center;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(.22, 2.06, .11, .69);
}
#back:hover {
    cursor: pointer;
    scale: 103%;
    rotate: 2deg;
    letter-spacing: 0.2em;
}