div.loading{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:var(--background);width:100vw;height:100vh;position:fixed;top:0;left:0}div.loading>svg{z-index:25;width:50px;height:auto;color:var(--theme);animation:2s linear infinite loading;position:absolute;top:40%;left:50%;translate:-50% -50%}@keyframes loading{0%{rotate:none}to{rotate:360deg}}
nav{width:100%;max-width:1030px;margin-inline:auto;padding:15px}nav>div{border-radius:var(--radius);background-color:var(--background);width:100%;box-shadow:var(--shadow);justify-content:space-between;align-items:center;padding:10px 15px;display:flex}nav>div>h1>span{color:var(--theme)}
main{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:15px;width:100%;max-width:1030px;height:100%;margin-inline:auto;padding:0 15px;display:flex;position:relative;overflow:auto}main>section{flex-direction:column;gap:15px;width:100%;display:flex}main>section>div{border-radius:var(--radius);background-color:var(--background);width:85%;box-shadow:var(--shadow);flex-direction:column;padding:15px 0;display:flex;position:relative}main>section>div:nth-child(odd){text-align:right;align-self:flex-end;align-items:flex-end}main>section>div>h2,main>section>div>small,main>section>div>p{padding:0 15px}main>section>div>small{padding-top:5px}main>section>div>p{border-top:1px dashed var(--border);margin-top:10px;padding-top:10px}main>section>div svg{position:absolute;top:15px;right:15px}main>section>div:nth-child(odd) svg{left:15px}
button.copyButton{background-color:#0000;border:none}button.copyButton>svg{width:16px;height:auto}
footer{flex-direction:column;align-items:center;width:100%;max-width:1030px;margin-inline:auto;padding:15px;display:flex}footer small{text-align:center;font-size:12px;font-style:inherit;color:#444;margin-top:15px}footer>form{justify-content:center;align-items:stretch;gap:10px;width:100%;display:flex}footer>form>textarea{resize:none;border-radius:var(--radius);background-color:var(--background);min-height:80px;box-shadow:var(--shadow);border:1px solid #0000;padding:15px}footer>form>div{flex-direction:column;justify-content:flex-end;gap:10px;display:flex}footer>form>div>button{border-radius:var(--radius);background-color:var(--background);width:40px;height:40px;box-shadow:var(--shadow);border:none;justify-content:center;align-items:center;display:flex}
aside{z-index:10;background:var(--asideBg);width:300px;height:100vh;box-shadow:var(--shadow);flex-direction:column;gap:15px;padding:15px;display:flex;position:fixed;top:0;right:-300px;overflow:auto}aside p{border-top:1px dashed var(--border);margin-top:5px;padding-top:5px;font-size:14px}aside.active{right:0}aside.active~nav,aside.active~main,aside.active~footer{pointer-events:none;filter:blur(2px)}aside header{justify-content:space-between;align-items:center;display:flex}aside header>h2{color:var(--theme);font-size:16px;font-weight:700;line-height:1.6}aside header>button{background-color:var(--background);width:30px;height:25px;box-shadow:var(--shadow);border:none;border-radius:5px;justify-content:center;align-items:center;display:flex}aside header>button>svg{width:15px;height:auto;color:var(--theme)}.aside-item-header{color:#666;justify-content:space-between;gap:15px;margin-bottom:5px;font-style:italic;display:flex}.aside-item-header>small{color:#999;padding-top:5px;font-size:12px;font-style:italic;line-height:1}.aside-item{border:1px dashed var(--border);background-color:var(--background);border-radius:8px;width:100%;margin-bottom:15px;padding:10px}