@font-face{font-family:Hazy Gothic;src:url(./HazyGothicSC-DQqN0KLX.woff2) format("woff2");src:url(./HazyGothicSC-2sKtAw-d.woff) format("woff");src:url(./HazyGothicSC-BMCoF3rE.ttf) format("truetype");font-display:swap}*{font-family:Hazy Gothic}:root{--color-primary: hsl(180, 60%, 60%);--color-secondary: hsl(180, 50%, 50%);--color-text: #333;--color-background: #f5f5f5}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;color:inherit;scroll-behavior:smooth}body{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-secondary)}input,button,select,textarea{line-height:inherit;border:none;outline:none;background:none;font-family:inherit;font-size:inherit}button{cursor:pointer}progress{height:8px;appearance:none;-webkit-appearance:none}progress::-webkit-progress-bar{border-radius:10px;background-color:#eee}progress::-webkit-progress-value{border-radius:10px;background:linear-gradient(90deg,transparent,var(--color-primary))}progress::-moz-progress-bar{border-radius:10px;background:linear-gradient(90deg,transparent,var(--color-primary))}kbd{margin:0 2px;padding:0 8px;border-radius:5px;border-bottom:2px solid var(--color-primary);background-color:#eee;font-size:.8em;font-weight:700}hr{width:100%;height:1px;border:none;background-image:linear-gradient(to right,transparent 10%,rgba(128,128,128,.5019607843) 50%,transparent 100%)}details summary{cursor:pointer}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-thumb{border-radius:2px;background-color:#999}*::-webkit-scrollbar-thumb:hover{background-color:#666}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}.fa{margin-right:.25em;text-align:center;line-height:1em}.emoji{display:inline-block;height:1em;vertical-align:middle}[data-theme=dark]{--color-text: #fff;--color-background: #222}[data-theme=dark] progress::-webkit-progress-bar{background-color:#333}[data-theme=dark] kbd{background-color:#333}[data-theme=dark]::view-transition-old(root){z-index:9999}[data-theme=dark]::view-transition-new(root){z-index:1}#app{display:flex;flex-direction:column;align-items:center;width:100%;flex:1}main{display:flex;flex-direction:column;align-items:center;width:90%;max-width:800px;flex:1;gap:100px}.page{padding-top:60px;width:100%;animation:pageFadeIn .5s ease-in-out}.page-header{margin:16px 0;display:flex;justify-content:space-between;align-items:center;width:100%}.page-header-actions{display:flex;gap:10px}.page-header button,.page-header a{padding:5px 10px;border-radius:10px;color:inherit;background-color:#eee;transition:background-color .3s}.page-header button:hover,.page-header a:hover{background-color:#ddd}section{width:100%}section+section{margin-top:50px}section>h2{margin-bottom:20px}@keyframes pageFadeIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}[data-theme=dark] .page-header button,[data-theme=dark] .page-header a{background-color:#333}[data-theme=dark] .page-header button:hover,[data-theme=dark] .page-header a:hover{background-color:#444}[data-theme=dark] .cookie{background-color:#333;box-shadow:0 0 10px #0000004d}[data-theme=dark] .cookie-btns button{background-color:#444}[data-theme=dark] .cookie-btns button:hover{background-color:#555}[data-theme=dark] .cookie-btns button:last-child{color:#333}.modal-container{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:#00000080;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;z-index:9999}.modal-dialog{padding:20px;display:flex;flex-direction:column;max-width:90%;max-height:90%;gap:10px;border-radius:10px;background-color:#fff;box-shadow:0 0 20px #0003;transform:scale(.9);opacity:0;transition:transform .3s ease-in-out,opacity .3s}.modal-container.show{opacity:1;pointer-events:auto}.modal-container.show .modal-dialog{transform:scale(1);opacity:1}.modal-body{flex:1;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:10px}.modal-footer button{padding:5px 10px;border-radius:5px;background-color:#eee;transition:background-color .3s,opacity .3s}.modal-footer button:hover{background-color:#ddd}.modal-footer button:last-child{color:#fff;background-color:var(--color-primary)!important}.modal-footer button:last-child:hover{background-color:var(--color-secondary)!important}.modal-footer button:disabled{opacity:.5;pointer-events:none}[data-theme=dark] .modal-dialog{background-color:#333}[data-theme=dark] .modal-footer button{background-color:#555}[data-theme=dark] .modal-footer button:hover{background-color:#666}[data-theme=dark] .modal-footer button:last-child{color:#333}.tabs[data-v-375357dc]{position:relative;margin-bottom:10px;display:flex;gap:10px}.tabs button[data-v-375357dc]{transition:all .3s}.tabs button.active[data-v-375357dc]{transform:translateY(-2px);font-weight:700}.tracker[data-v-375357dc]{position:absolute;bottom:0;left:.5em;width:1em;height:3px;border-radius:1px;background-color:var(--color-primary);transition:all .3s}.tabs button:nth-child(2).active+.tracker[data-v-375357dc]{left:calc(2.5em + 10px)}.form-container[data-v-375357dc]{width:300px;height:100px;overflow:hidden;transition:height .3s}.form-container.active[data-v-375357dc]{height:300px}.form-wrapper[data-v-375357dc]{display:flex;align-items:center;width:610px;height:100%;gap:10px;transition:transform .3s}.form-container.active .form-wrapper[data-v-375357dc]{transform:translate(-305px)}.form-container form[data-v-375357dc]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:300px;height:100%;gap:10px}.form-container input[data-v-375357dc]{width:100%;padding:10px;border-radius:5px;background-color:#eee}.form-container input[type=file][data-v-375357dc]{display:none}.avatar-preview[data-v-375357dc]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.avatar-preview img[data-v-375357dc]{width:50px;height:50px;border-radius:50%;object-fit:cover}[data-theme=dark] form input[data-v-375357dc]{background-color:#444}.user-info[data-v-aeab14fb]{padding-bottom:10px;display:flex;align-items:center;gap:20px;width:300px}.user-avatar[data-v-aeab14fb]{position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden}.user-avatar button[data-v-aeab14fb]{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;background-color:#00000080;font-size:24px;opacity:0;transition:opacity .3s;z-index:1}.user-avatar button[data-v-aeab14fb]:hover{opacity:1}.user-avatar button i[data-v-aeab14fb]{margin-right:0}.user-avatar img[data-v-aeab14fb]{width:100%;height:100%;object-fit:cover}.user-avater input[data-v-aeab14fb]{display:none}.user-details[data-v-aeab14fb]{display:flex;flex-direction:column;flex:1;gap:5px}.user-details[data-v-aeab14fb]>*{display:flex;align-items:center;gap:5px}.nameplate[data-v-aeab14fb]{display:inline-block;padding:0 5px;border-radius:4px;background-color:#80808040;opacity:.8;font-size:12px;font-weight:700}@media (max-width: 768px){.user-info[data-v-aeab14fb]{flex-direction:column}.user-details[data-v-aeab14fb]{width:100%}}header[data-v-2ed682f9]{position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;padding:10px 20px;width:100%;text-wrap:nowrap;color:inherit;border-bottom:1px solid transparent;transition:all .3s;-webkit-user-select:none;user-select:none;z-index:999}header.active[data-v-2ed682f9]{border-color:#cccccc80;background-color:#ffffff80;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%)}nav[data-v-2ed682f9]{display:flex;justify-content:space-around;align-items:center;width:100%;height:40px;gap:20px}.logo[data-v-2ed682f9]{display:flex;align-items:center;height:100%;color:inherit}.logo img[data-v-2ed682f9]{margin-right:10px;height:20px}nav ul[data-v-2ed682f9]{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:10px}nav li[data-v-2ed682f9]{padding:2.5px 10px;border-radius:20px;transition:all .3s}nav li[data-v-2ed682f9]:hover{background-color:#eeeeee80}nav li.active[data-v-2ed682f9]{color:#fff;background-color:var(--color-primary)}nav li a[data-v-2ed682f9]{color:inherit}.hamburger[data-v-2ed682f9]{margin-left:10px;display:none!important;flex-direction:column;justify-content:space-around;align-items:center;width:18px;height:18px;border-radius:5px!important}.hamburger .line[data-v-2ed682f9]{display:block;width:100%;height:2px;border-radius:1px;background-color:var(--color-text);transition:all .2s ease-in-out}.hamburger.show .line[data-v-2ed682f9]:nth-of-type(1){transform:translate(4px) rotate(45deg);transform-origin:top left}.hamburger.show .line[data-v-2ed682f9]:nth-of-type(2){width:0}.hamburger.show .line[data-v-2ed682f9]:nth-of-type(3){transform:translate(4px) rotate(-45deg);transform-origin:bottom left}.header-right[data-v-2ed682f9]{display:flex;justify-content:flex-end;align-items:center;height:100%;gap:10px}.nav-tool[data-v-2ed682f9]{display:flex;justify-content:center;align-items:center;padding:5px;width:36px;height:36px;gap:5px;border-radius:30px;background-color:#eeeeee80;transition:background-color .3s}.nav-tool[data-v-2ed682f9]:hover{background-color:#dddddd80}.nav-tool i[data-v-2ed682f9]{margin-right:0}.mini-nav[data-v-2ed682f9]{display:none;overflow:hidden;transition:height .3s ease;width:100%}.mini-nav ul[data-v-2ed682f9]{padding:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;list-style:none}.mini-nav li[data-v-2ed682f9]{position:relative;padding-bottom:5px;display:flex;align-items:center;transform:translateY(10px);opacity:0;animation:slide-in-2ed682f9 .5s ease-in-out forwards}@keyframes slide-in-2ed682f9{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.mini-nav li[data-v-2ed682f9]:before{content:"";position:absolute;bottom:0;width:100%;height:4px;border-radius:2px;background-color:var(--color-primary);opacity:0}.mini-nav li.active[data-v-2ed682f9]{font-weight:700}.mini-nav li.active[data-v-2ed682f9]:before{opacity:1}.mini-nav a[data-v-2ed682f9]{color:inherit}.user-btn[data-v-2ed682f9]{width:fit-content;gap:8px}.info-btn[data-v-2ed682f9]{display:flex;align-items:center;gap:5px}.info-btn span[data-v-2ed682f9]{padding-left:10px;width:80px;text-align:left;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info-btn img[data-v-2ed682f9]{width:24px;height:24px;border-radius:50%;object-fit:cover}.info-btn i[data-v-2ed682f9]{display:none}.login-btn[data-v-2ed682f9]{padding:5px 20px}[data-theme=dark] header[data-v-2ed682f9]{color:#fff}[data-theme=dark] header.active[data-v-2ed682f9]{border-color:#44444480;background-color:#22222280}[data-theme=dark] .nav-tool[data-v-2ed682f9]{background-color:#33333380}[data-theme=dark] .nav-tool[data-v-2ed682f9]:hover{background-color:#55555580}@media (max-width: 768px){nav[data-v-2ed682f9]{justify-content:space-between;padding:10px;gap:10px}nav ul[data-v-2ed682f9]{display:none}.hamburger[data-v-2ed682f9]{display:flex!important}.mini-nav[data-v-2ed682f9]{display:block}.info-btn[data-v-2ed682f9]{width:36px}.info-btn span[data-v-2ed682f9],.info-btn img[data-v-2ed682f9]{display:none}.info-btn i[data-v-2ed682f9]{display:block}}.footer[data-v-dd7fd3e1]{margin-top:100px;padding:20px;display:flex;flex-direction:column;align-items:center;width:100%;gap:20px;border-top:1px solid rgba(204,204,204,.5019607843);background-color:#ffffff80;-webkit-user-select:none;user-select:none}ul[data-v-dd7fd3e1]{display:flex;align-items:center;gap:10px;list-style:none}li a[data-v-dd7fd3e1]{display:inline-block;padding:5px 10px;border-radius:20px;color:#fff;background-color:var(--brand-color);transition:all .3s}li a[data-v-dd7fd3e1]:hover{box-shadow:0 2px 10px var(--brand-color);transform:translateY(-2px);opacity:.8}li i[data-v-dd7fd3e1]{margin-right:.5em}.pa-qr img[data-v-dd7fd3e1]{width:100%;height:100%;object-fit:contain}.scanner[data-v-dd7fd3e1]{--i: var(--color-primary);position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);overflow:hidden;pointer-events:none;z-index:1}.scanner .line[data-v-dd7fd3e1]{width:100%;height:100%;border-bottom:3px solid var(--i);background:linear-gradient(180deg,rgba(0,255,51,0) 43%,var(--i) 211%);transform:translateY(-100%);animation:radar-beam-dd7fd3e1 2s infinite;animation-timing-function:cubic-bezier(.53,0,.43,.99);animation-delay:1.4s}.scanner .corner[data-v-dd7fd3e1]{position:absolute;width:10%;height:10%;border:2px solid transparent}.scanner .corner[data-v-dd7fd3e1]:nth-child(1){top:0;left:0;border-top-color:var(--i);border-left-color:var(--i)}.scanner .corner[data-v-dd7fd3e1]:nth-child(2){top:0;right:0;border-top-color:var(--i);border-right-color:var(--i)}.scanner .corner[data-v-dd7fd3e1]:nth-child(3){bottom:0;left:0;border-bottom-color:var(--i);border-left-color:var(--i)}.scanner .corner[data-v-dd7fd3e1]:nth-child(4){bottom:0;right:0;border-bottom-color:var(--i);border-right-color:var(--i)}@keyframes radar-beam-dd7fd3e1{0%{transform:translateY(-100%)}to{transform:translateY(0)}}[data-theme=dark] footer[data-v-dd7fd3e1]{color:#fff;border-color:#44444480;background-color:#22222280}@media (max-width: 768px){li a span[data-v-dd7fd3e1]{display:none}li a i[data-v-dd7fd3e1]{margin-right:0}}#toTop[data-v-47584a44]{--i: 0;position:fixed;bottom:20px;right:20px;display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%;transform:translateY(60px);transition:background-color .3s,transform .3s;z-index:999}#toTop .inner[data-v-47584a44]{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:50%;background-color:#fff;overflow:hidden}#toTop .ring[data-v-47584a44]{position:absolute;display:flex;align-items:center;justify-content:center;width:calc(100% + 6px);height:calc(100% + 6px);border-radius:50%;background:conic-gradient(var(--color-primary) var(--i),#80808040 0);z-index:-1}#toTop i[data-v-47584a44]{position:absolute;margin-right:0;transform:translateY(100%);opacity:0;transition:transform .3s,opacity .3s}#toTop span[data-v-47584a44]{transition:opacity .3s}@media (hover: hover){#toTop:hover[data-v-47584a44]{background-color:#eee}#toTop:hover i[data-v-47584a44]{transform:translateY(0);opacity:1}#toTop:hover span[data-v-47584a44]{opacity:0}}#toTop.show[data-v-47584a44]{transform:translateY(0)}#toTop[data-v-47584a44]:active{transform:translateY(0) scale(.9)}@media screen and (max-width: 768px){#toTop[data-v-47584a44]{width:40px;height:40px;transform:translateY(64px)}}[data-theme=dark] #toTop .inner[data-v-47584a44]{background-color:#333}[data-theme=dark] #toTop[data-v-47584a44]:hover{background-color:#444}.cookie-consent[data-v-0334e587]{position:fixed;bottom:20px;left:20px;padding:20px;width:300px;max-width:90%;border-radius:10px;background-color:#fff;box-shadow:0 0 10px #0000001a;font-size:.9em;transform:translateY(20px);opacity:0;transition:transform .3s ease-in-out,opacity .3s;pointer-events:none;z-index:99}.cookie-consent.show[data-v-0334e587]{transform:translateY(0);opacity:1;pointer-events:auto}.cookie-btns[data-v-0334e587]{margin-top:20px;display:flex;align-items:center;gap:10px}.cookie-btns button[data-v-0334e587]{padding:5px 10px;border-radius:5px;text-wrap:nowrap;background-color:#eee;transition:background-color .3s}.cookie-btns button[data-v-0334e587]:hover{background-color:#ddd}.cookie-btns button[data-v-0334e587]:first-child{margin-right:auto}.cookie-btns button[data-v-0334e587]:last-child{color:#fff;background-color:var(--color-primary)!important}.cookie-btns button[data-v-0334e587]:last-child:hover{background-color:var(--color-secondary)!important}.option[data-v-0334e587]{margin:10px 0}.settings-actions[data-v-0334e587]{margin-top:16px;display:flex;justify-content:flex-end;gap:8px}.settings-actions button[data-v-0334e587]{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.settings-actions button[data-v-0334e587]:hover{background:#eee}[data-theme=dark] .cookie-consent[data-v-0334e587]{background-color:#333;box-shadow:0 0 10px #0000004d}[data-theme=dark] .cookie-btns button[data-v-0334e587]{background-color:#444}[data-theme=dark] .cookie-btns button[data-v-0334e587]:hover{background-color:#555}[data-theme=dark] .cookie-btns button[data-v-0334e587]:last-child{color:#333}.banner[data-v-9cdbffc7]{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.bg[data-v-9cdbffc7]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./background-yDN6iRpl.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 60%,rgba(0,0,0,0));mask-image:linear-gradient(to bottom,#000 60%,#0000);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;animation:bg-fade-in-9cdbffc7 2s .5s forwards;transform:scale(1.1);opacity:0}@keyframes bg-fade-in-9cdbffc7{0%{transform:scale(1.1);opacity:0}to{transform:scale(1);opacity:.5}}.intro[data-v-9cdbffc7]{position:absolute;text-align:center}#signature[data-v-9cdbffc7]{height:36px}#desc[data-v-9cdbffc7]{opacity:0;font-size:16px;animation:desc-fade-in-9cdbffc7 1s 1.5s forwards}@keyframes desc-fade-in-9cdbffc7{0%{opacity:0}to{opacity:1}}.scroll-tip[data-v-9cdbffc7]{margin-top:auto;text-align:center}.scroll-tip i[data-v-9cdbffc7]{margin-right:0;animation:scroll-tip-animation-9cdbffc7 1s infinite;opacity:.5}@keyframes scroll-tip-animation-9cdbffc7{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.stack-container[data-v-9cdbffc7],.project-container[data-v-9cdbffc7]{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stack-item[data-v-9cdbffc7]{display:flex;align-items:center;gap:10px}.stack-item img[data-v-9cdbffc7]{height:50px}.stack-details[data-v-9cdbffc7]{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1;gap:5px}.stack-details h3[data-v-9cdbffc7]{text-warp:nowrap;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stack-details h3[data-v-9cdbffc7],.progress[data-v-9cdbffc7]{width:calc(100% - 60px)}.progress[data-v-9cdbffc7]{position:relative;margin-top:5px;height:5px;border-radius:10px;background-color:#eee;overflow:hidden}.progress-inner[data-v-9cdbffc7]{position:absolute;top:0;left:0;width:0%;height:100%;border-radius:inherit;background-color:var(--color-primary);transition:width 1s}.stack-item.show .progress-inner[data-v-9cdbffc7]{width:var(--i, 0%)}.project-item[data-v-9cdbffc7]{display:flex;flex-direction:column;align-items:center;height:270px;border-radius:10px;background-color:#eee;box-shadow:0 0 10px #0000001a;transform:translateY(10px);opacity:0;overflow:hidden}.project-info[data-v-9cdbffc7]{position:relative;width:100%;flex:1;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#ddd;background-fit:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.project-intro[data-v-9cdbffc7]{position:absolute;bottom:0;left:0;padding:10px;width:100%;border-top-left-radius:5px;border-top-right-radius:5px;background-color:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-links[data-v-9cdbffc7]{display:flex;justify-content:space-around;align-items:center;width:100%}.project-links a[data-v-9cdbffc7]{padding:10px;flex:1;color:inherit;text-align:center;transition:all .3s ease-in-out}.project-links a[data-v-9cdbffc7]:hover{background-color:#ddd;opacity:.8}.stack-item[data-v-9cdbffc7],.project-item[data-v-9cdbffc7]{transform:translateY(20px);opacity:0;transition:transform .5s,opacity .5s}.stack-item.show[data-v-9cdbffc7],.project-item.show[data-v-9cdbffc7]{transform:translateY(0);opacity:1}[data-theme=dark] .progress[data-v-9cdbffc7]{background-color:#333}[data-theme=dark] .project-item[data-v-9cdbffc7]{background-color:#333;box-shadow:0 0 10px #0000004d}[data-theme=dark] .project-info[data-v-9cdbffc7]{background-color:#444}[data-theme=dark] .project-intro[data-v-9cdbffc7]{background-color:#55555580}[data-theme=dark] .project-links a[data-v-9cdbffc7]:hover{background-color:#666}@media (max-width: 768px){.bg[data-v-9cdbffc7]{background-image:url(./background-mobile-DbKIaQ5t.jpg)}.intro[data-v-9cdbffc7]{text-align:center}.stack-container[data-v-9cdbffc7],.project-container[data-v-9cdbffc7]{grid-template-columns:repeat(1,minmax(0,1fr))}.stack-item[data-v-9cdbffc7],.project-item[data-v-9cdbffc7]{transform:translateY(20px) scale(.8);transform-origin:top center}}.loading[data-v-20c9dc57]{display:flex;justify-content:center;align-items:center;width:100%}.loader[data-v-20c9dc57]{--ballcolor: var(--color-primary);--shadow: 0px 0 #ffffff00;--shadowcolor: #ffffff00;position:relative;left:-120px;width:10px;height:10px;border-radius:50%;color:var(--ballcolor);animation:shadowRolling-20c9dc57 2s linear infinite}@keyframes shadowRolling-20c9dc57{0%{box-shadow:var(--shadow),var(--shadow),var(--shadow),var(--shadow)}12%{box-shadow:100px 0 var(--ballcolor),var(--shadow),var(--shadow),var(--shadow)}25%{box-shadow:110px 0 var(--ballcolor),100px 0 var(--ballcolor),var(--shadow),var(--shadow)}36%{box-shadow:120px 0 var(--ballcolor),110px 0 var(--ballcolor),100px 0 var(--ballcolor),var(--shadow)}50%{box-shadow:130px 0 var(--ballcolor),120px 0 var(--ballcolor),110px 0 var(--ballcolor),100px 0 var(--ballcolor)}62%{box-shadow:200px 0 var(--shadowcolor),130px 0 var(--ballcolor),120px 0 var(--ballcolor),110px 0 var(--ballcolor)}75%{box-shadow:200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),130px 0 var(--ballcolor),120px 0 var(--ballcolor)}87%{box-shadow:200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),130px 0 var(--ballcolor)}to{box-shadow:200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),200px 0 var(--shadowcolor)}}.search-container[data-v-2d8502fd]{margin-bottom:20px;display:flex;flex-direction:column;align-items:center;width:400px;max-width:100%}.search-input[data-v-2d8502fd]{margin-bottom:10px;padding:10px;width:100%;border-radius:5px;background-color:#eee}.results-list[data-v-2d8502fd]{display:flex;flex-direction:column;padding-left:20px;width:100%;max-height:300px;overflow-y:auto}.result-item[data-v-2d8502fd]{padding:5px;width:100%;transform:translate(-10px);opacity:0;animation:result-slide-in-2d8502fd .3s ease-in-out forwards}.tags-list[data-v-2d8502fd]{display:flex;flex-wrap:wrap;max-height:150px;gap:10px;list-style:none;overflow-y:auto}.tag[data-v-2d8502fd]{padding:1px 5px;border-radius:5px;background-color:#eee;transition:background-color .3s;cursor:pointer}.tag[data-v-2d8502fd]:hover{background-color:#ddd}.blog-list[data-v-2d8502fd]{border-radius:10px;background-color:#fff;list-style:none;overflow:hidden}.blog-item[data-v-2d8502fd]{padding:20px;height:150px;border-bottom:1px solid rgba(238,238,238,.5019607843);transition:background-color .3s}.blog-item[data-v-2d8502fd]:last-child{border-bottom:none}.blog-item[data-v-2d8502fd]:hover{background-color:#eee}.blog-item a[data-v-2d8502fd]{display:flex;justify-content:space-between;align-items:center;height:100%;gap:20px;color:inherit}.blog-info[data-v-2d8502fd]{display:flex;flex-direction:column;flex:1;width:0;height:100%;max-width:600px}.blog-item h2[data-v-2d8502fd]{text-warp:nowrap;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.post-summary[data-v-2d8502fd]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post-footer[data-v-2d8502fd]{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:.9em;opacity:.8}.post-tags[data-v-2d8502fd]{display:flex;align-items:center;gap:5px}.blog-item img[data-v-2d8502fd]{height:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.loading[data-v-2d8502fd],.no-more[data-v-2d8502fd]{padding:10px;text-align:center;opacity:.8}@keyframes result-slide-in-2d8502fd{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}[data-theme=dark] .search-input[data-v-2d8502fd],[data-theme=dark] .tag[data-v-2d8502fd]{background-color:#444}[data-theme=dark] .tag[data-v-2d8502fd]:hover{background-color:#555}[data-theme=dark] .blog-list[data-v-2d8502fd]{background-color:#333}[data-theme=dark] .blog-item[data-v-2d8502fd]{border-color:#444}[data-theme=dark] .blog-item[data-v-2d8502fd]:hover{background-color:#444}.comments[data-v-a25343b7]{width:100%}.comment-list[data-v-a25343b7]{padding:10px 0;display:flex;flex-direction:column;align-items:center;list-style:none}.comment[data-v-a25343b7]{margin-bottom:20px;padding:10px;border:1px solid #ccc;border-radius:5px}.comment strong[data-v-a25343b7]{font-size:18px;margin-right:10px}.comment p[data-v-a25343b7]{margin:0}.no-comment[data-v-a25343b7]{opacity:.8}.comment-board[data-v-a25343b7]{margin-top:20px;padding:20px;display:flex;flex-direction:column;gap:10px;border-radius:10px;background-color:#fff}.comment-board textarea[data-v-a25343b7]{padding:10px;width:100%;height:150px;min-height:150px;max-height:300px;border-radius:5px;background-color:#eee;resize:vertical}.comment-board .tool-bar[data-v-a25343b7]{position:relative;display:flex;align-items:center;height:36px;gap:10px;-webkit-user-select:none;user-select:none}.tool-btn[data-v-a25343b7]{display:flex;justify-content:center;align-items:center;padding:10px;width:36px;height:36px;border-radius:5px;border:1px solid #ccc;transition:background-color .3s}.tool-btn[data-v-a25343b7]:hover{background-color:#eee}.tool-btn i[data-v-a25343b7]{margin-right:0;display:inline-block;width:1rem;height:1rem}.emotion-tray[data-v-a25343b7]{position:absolute;bottom:calc(100% + 5px);left:0;display:flex;flex-direction:column;align-items:center;width:300px;height:200px;border-radius:10px;background-color:#fff;box-shadow:0 0 10px #0000001a;transform:translateY(10px);opacity:0;pointer-events:none;transition:transform .3s ease-in-out,opacity .3s;overflow:hidden;z-index:1}.emotion-tray.show[data-v-a25343b7]{transform:translateY(0);opacity:1;pointer-events:auto}.emotion-grid[data-v-a25343b7]{display:flex;flex-wrap:wrap;grid-gap:10px;padding:10px;width:100%;flex:1;overflow-y:auto;list-style:none}.emotion-grid li[data-v-a25343b7]{padding:5px 10px;min-width:36px;height:36px;border-radius:5px;transform:translate(-10px);opacity:0;animation:emoFadeIn-a25343b7 .3s ease-out forwards;cursor:pointer;transition:background-color .3s}.emotion-grid li[data-v-a25343b7]:hover{background-color:#eee}.emotion-tab[data-v-a25343b7]{display:flex;align-items:center;padding:5px 10px;width:100%;height:41px;gap:5px;border-top:1px solid #eee;overflow-x:auto}.emotion-series[data-v-a25343b7]{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:5px;transition:background-color .3s;cursor:pointer}.emotion-series[data-v-a25343b7]:hover{background-color:#eee}.emotion-series.active[data-v-a25343b7]{color:#fff;background-color:var(--color-primary)}#img-input[data-v-a25343b7]{display:none}#submit-btn[data-v-a25343b7]{margin-left:auto;padding:0 20px;width:72px;height:36px;color:#fff;border:0;background-color:var(--color-primary);transition:background-color .3s,opacity .3s}#submit-btn[data-v-a25343b7]:hover{background-color:var(--color-secondary)}#submit-btn[data-v-a25343b7]:disabled{opacity:.5;pointer-events:none}@keyframes emoFadeIn-a25343b7{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}[data-theme=dark] .comment[data-v-a25343b7]{border-color:#333}[data-theme=dark] .comment-board[data-v-a25343b7]{background-color:#333}[data-theme=dark] .comment-board textarea[data-v-a25343b7]{background-color:#444}[data-theme=dark] .comment-board .tool-bar button[data-v-a25343b7]{border-color:#555}[data-theme=dark] .comment-board .tool-bar button[data-v-a25343b7]:hover{background-color:#444}[data-theme=dark] .emotion-tray[data-v-a25343b7]{background-color:#333;box-shadow:0 0 10px #0000004d}[data-theme=dark] .emotion-grid li[data-v-a25343b7]:hover{background-color:#444}[data-theme=dark] .emotion-tab[data-v-a25343b7]{border-color:#555}[data-theme=dark] .emotion-series[data-v-a25343b7]:hover{background-color:#444}[data-theme=dark] .emotion-series.active[data-v-a25343b7]{background-color:var(--color-secondary)}[data-theme=dark] #submit-btn[data-v-a25343b7]{color:#333}.page-header[data-v-d5f259b0]{flex-direction:column;align-items:flex-start}.post-meta[data-v-d5f259b0]{display:flex;align-items:center;gap:10px;opacity:.8}.post-tags[data-v-d5f259b0]{display:flex;align-items:center;gap:5px}.tag[data-v-d5f259b0]{padding:1px 5px;border-radius:5px;color:inherit;background-color:#eee;font-size:.85em;transition:opacity .3s}.tag[data-v-d5f259b0]:hover{opacity:.8}.post-container[data-v-d5f259b0]{margin-bottom:20px;padding:20px;width:100%;border-radius:10px;background-color:#fff}.post-cover[data-v-d5f259b0]{margin-bottom:20px;width:100%;height:150px;border-radius:5px;object-fit:cover}.post-footer[data-v-d5f259b0]{margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:10px 20px;font-size:.8em}.share[data-v-d5f259b0]{display:flex;align-items:center;gap:10px}.share a[data-v-d5f259b0]{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#fff;background-color:var(--i);transition:filter .3s}.share a[data-v-d5f259b0]:hover{filter:brightness(.8)}.share a i[data-v-d5f259b0]{margin-right:0}.page-nav[data-v-d5f259b0]{position:sticky;bottom:10px;display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:10px 20px;border-radius:10px;background-color:#fff}.page-nav a[data-v-d5f259b0]{flex:1;width:0;color:inherit;transition:opacity .3s}.page-nav a[data-v-d5f259b0]:nth-child(1){text-align:left}.page-nav a[data-v-d5f259b0]:nth-child(2){text-align:center}.page-nav a[data-v-d5f259b0]:nth-child(3){text-align:right}.page-nav a:nth-child(3) i[data-v-d5f259b0]{margin-left:.25em;margin-right:0}.page-nav a[data-v-d5f259b0]:hover{opacity:.8}.page-nav a.disabled[data-v-d5f259b0]{opacity:.5!important;pointer-events:none}.page-nav p[data-v-d5f259b0]{font-size:.8em;opacity:.8}@media (max-width: 768px){.post-footer[data-v-d5f259b0]{flex-direction:column;align-items:flex-start}}[data-theme=dark] .post-container[data-v-d5f259b0],[data-theme=dark] .tag[data-v-d5f259b0],[data-theme=dark] .page-nav[data-v-d5f259b0]{background-color:#333}.friends-grid[data-v-511c89b2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(auto,240px));gap:20px}.friend-item[data-v-511c89b2]{position:relative;height:180px;border-radius:10px;color:inherit;background-color:#eee;overflow:hidden}.logo[data-v-511c89b2]{position:absolute;top:5px;right:5px;width:80px;height:80px;border-radius:50%;border:4px solid #fff;background-color:inherit;object-fit:cover;transition:width .3s,height .3s;z-index:1}.cover[data-v-511c89b2]{position:absolute;top:0;left:0;width:100%;height:50%;object-fit:cover;transition:transform .3s ease-in-out,filter .3s;z-index:0}.friend-info[data-v-511c89b2]{position:absolute;bottom:0;padding:20px;width:100%;height:120px;border-radius:inherit;background-color:#fff;transition:height .3s}.friend-item p[data-v-511c89b2]{font-size:.9em;opacity:.8}.friend-item:hover .logo[data-v-511c89b2]{width:40px;height:40px}.friend-item:hover .cover[data-v-511c89b2]{transform:scale(1.1);filter:blur(5px)}.friend-item:hover .friend-info[data-v-511c89b2]{height:100%;overflow-y:auto}.friend-form[data-v-511c89b2]{width:500px;max-width:100%}.tip[data-v-511c89b2]{padding:10px;background-color:#f5f5f5;border-radius:5px;list-style:none}.tip li+li[data-v-511c89b2]{margin-top:5px}.tip table[data-v-511c89b2]{margin:10px 0;width:100%}.tip table tr[data-v-511c89b2]{padding:5px 0;display:flex;align-items:center;width:100%}.tip table tr[data-v-511c89b2]:last-child{border-top:1px solid #80808040}.tip table td[data-v-511c89b2]{padding:5px 10px}.tip table tr td[data-v-511c89b2]:nth-child(1){width:60px;min-width:fit-content}.tip table tr td[data-v-511c89b2]:nth-child(2){flex:1;width:0;border-radius:5px;border:1px solid #eee;background-color:#fff;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tip a[data-v-511c89b2]{cursor:pointer}.form-group[data-v-511c89b2]{margin-top:10px;width:100%}.form-group label[data-v-511c89b2]{display:block;margin-bottom:5px;font-weight:700}.form-group input[data-v-511c89b2],.form-group textarea[data-v-511c89b2]{padding:7px 10px;width:100%;border-radius:5px;background-color:#eee;font-size:.9em}.form-group textarea[data-v-511c89b2]{height:100px;resize:none}@media (max-width: 768px){.friends-grid[data-v-511c89b2]{grid-template-columns:repeat(2,1fr)}.friend-item[data-v-511c89b2]{height:120px}.logo[data-v-511c89b2]{width:40px;height:40px}.friend-info[data-v-511c89b2]{height:100%;overflow-y:auto}}[data-theme=dark] .friend-item[data-v-511c89b2]{background-color:#444}[data-theme=dark] .friend-item img[data-v-511c89b2]{border-color:#333}[data-theme=dark] .friend-info[data-v-511c89b2]{background-color:#333}[data-theme=dark] .tip[data-v-511c89b2],[data-theme=dark] .form-group input[data-v-511c89b2],[data-theme=dark] .form-group textarea[data-v-511c89b2]{background-color:#444}[data-theme=dark] .tip table tr td[data-v-511c89b2]:nth-child(2){border-color:#444;background-color:#333}.overview[data-v-79c2ffb8]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,150px);grid-gap:20px}.overview-item[data-v-79c2ffb8]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;border-radius:10px;background-color:#fff;text-align:center}.overview-item[data-v-79c2ffb8]:nth-child(1){grid-area:1/1/2/4}.stat-item[data-v-79c2ffb8]{padding:20px;border-radius:10px;background-color:#fff}@media (max-width: 768px){.overview[data-v-79c2ffb8]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.overview-item[data-v-79c2ffb8]:nth-child(1){grid-area:auto}}[data-theme=dark] .overview-item[data-v-79c2ffb8]{background-color:#333}.play-stats[data-v-9e935894]{display:flex;margin-bottom:20px;gap:20px}.play-item[data-v-9e935894]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;flex:1;color:inherit;border-radius:10px;background-color:#fff;text-align:center;font-size:1.2em;font-weight:700;transition:background-color .3s,opacity .3s}.play-item[data-v-9e935894]:hover{background-color:#eee;opacity:.8}.play-item span[data-v-9e935894]{font-size:.8em;opacity:.8}.tag-stats[data-v-9e935894]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);grid-auto-flow:column;padding:20px;gap:20px;border-radius:10px;background-color:#fff}.tag-info[data-v-9e935894]{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px;text-warp:nowrap;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tag-info span[data-v-9e935894]:nth-child(1){color:var(--tag-color);font-weight:700}.tag-info span[data-v-9e935894]:nth-child(2){padding:1px 5px;border-radius:15px;background-color:var(--tag-color);color:#fff;font-size:.8em;text-align:center;line-height:20px}.progress[data-v-9e935894]{position:relative;margin-top:10px;width:100%;height:5px;border-radius:5px;background-color:#eee}.progress-inner[data-v-9e935894]{position:absolute;top:0;left:0;width:0;height:100%;border-radius:inherit;background-color:var(--tag-color)}.anime-list[data-v-9e935894]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-bottom:2rem}.anime-item[data-v-9e935894]{display:flex;flex-direction:column;align-items:center;color:inherit;transition:filter .25s}.anime-item[data-v-9e935894]:hover{filter:brightness(.85)}.anime-item img[data-v-9e935894]{width:100%;aspect-ratio:3/4;border-radius:.25rem;background-color:gray;object-fit:cover}.anime-info h3[data-v-9e935894]{text-align:center;font-size:.9rem;margin-top:.25rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.tag-stats[data-v-9e935894]{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(10,1fr);max-height:300px;overflow-y:auto}.anime-list[data-v-9e935894]{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .play-item[data-v-9e935894],[data-theme=dark] .tag-stats[data-v-9e935894]{background-color:#333}[data-theme=dark] .play-item[data-v-9e935894]:hover,[data-theme=dark] .progress[data-v-9e935894]{background-color:#444}[data-theme=dark] .tag-info span[data-v-9e935894]:nth-child(2){color:#333}.progress-bar[data-v-16ea07bf]{position:fixed;top:0;left:0;width:100%;height:2px;background-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary);transition:width .3s ease-in-out;z-index:99999}