:root{--font-mono:"Roboto Mono",monospace;--gradient-pink:linear-gradient(180deg,#f9c7ff 0%,#faedfc 20%,#fbfbfb 40%);--gradient-blue:linear-gradient(180deg,#b2daff 0%,#dbedfc 20%,#fbfbfb 40%);--gradient-orange:linear-gradient(180deg,#febd9d 0%,#f8dbcc 20%,#fbfbfb 40%);--gradient-yellow:linear-gradient(180deg,#fef89d 0%,#f8f3cc 20%,#fbfbfb 40%);--gradient-pink-orange:linear-gradient(180deg,#ff45ff 0%,#ff3500 95%);--font-color:#000001;--main-pink:#ff61ff;--secondary-pink:#ff9dff;--main-blue:#05a5ff;--secondary-blue:#b2daff;--main-orange:#ff9659;--secondary-orange:#ffbe98;--main-yellow:#ffec78;--secondary-yellow:#fff3ac}*{box-sizing:border-box}html{font-size:16px;line-height:24px;background:rgb(255,255,255);-webkit-font-smoothing:antialiased;@media (min-width:1025px){font-size:18px;line-height:32px}}#app,body,html{height:100%}body{font-family:system-ui;font-size:15px;line-height:24px;margin:0;color:var(--font-color);@media (min-width:1025px){font-size:18px;line-height:32px}}.main-content{background:var(--gradient-pink)}.main-content:has([data-page=friends]){background:var(--gradient-blue)}.main-content:has([data-page=notes]),.main-content:has([data-page=notifications]){background:var(--gradient-yellow)}.main-content:has([data-page=exchange]){background:var(--gradient-orange)}img{max-width:100%;height:auto;display:block}h1{margin:24px 0;font-size:32px;line-height:32px;font-weight:700;@media (min-width:401px){font-size:38px;line-height:38px}@media (min-width:769px){font-size:42px;line-height:42px}@media (min-width:1025px){margin-left:0;margin-bottom:40px;margin-right:0;margin-top:40px;font-size:64px;line-height:70px}}p{margin:calc(var(--base, 24px) * .75) 0;@media (min-width:1025px){margin-left:0;margin-bottom:24px;margin-right:0;margin-top:24px}}a{color:currentColor;&:focus{opacity:.8;outline:none}&:active{opacity:.7;outline:none}}svg{vertical-align:middle}.home{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;padding:24px;max-width:1024px;margin:0 auto;overflow:hidden;@media (min-width:401px){padding-left:45px;padding-bottom:45px;padding-right:45px;padding-top:45px}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;h1{text-align:center}}.links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;a,button{text-decoration:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:16px;font-family:inherit}.admin{color:rgb(0,0,0);background:rgb(1000,1000,1000);border:1px solid rgb(0,0,0)}.docs{color:rgb(1000,1000,1000);background:rgb(0,0,0);border:1px solid rgb(1000,1000,1000)}.google-login{display:flex;align-items:center;gap:8px;color:rgb(0,0,0);background:rgb(1000,1000,1000);border:1px solid rgb(200,200,200)}.google-login:hover{background:rgb(240,240,240)}.logout{color:rgb(1000,1000,1000);background:rgb(200,50,50);border:1px solid rgb(200,50,50)}.logout:hover{background:rgb(180,40,40)}}.user-info{text-align:center;margin-bottom:20px;padding:20px;background:rgb(30,30,30);border-radius:8px;p{margin:8px 0}.nickname-tag{font-size:24px;font-weight:700;color:rgb(100,200,255)}.email{font-size:14px;color:rgb(150,150,150)}.social-type{font-size:12px;color:rgb(100,200,100);text-transform:uppercase}}.footer{display:flex;flex-direction:column;align-items:center;gap:6px;@media (min-width:1025px){flex-direction:row;gap:8px}p{margin:0}.codeLink{text-decoration:none;padding:0 .5rem;background:rgb(60,60,60);border-radius:4px}}}