@keyframes floatDeco{0%,to{transform:translate(0) rotate(0);opacity:.5}50%{transform:translate(15px,-15px) rotate(5deg);opacity:.8}}@keyframes glitch{0%{clip-path:inset(40% 0 61% 0)}10%{clip-path:inset(92% 0 1% 0)}20%{clip-path:inset(67% 0 34% 0)}30%{clip-path:inset(5% 0 96% 0)}40%{clip-path:inset(33% 0 68% 0)}50%{clip-path:inset(71% 0 30% 0)}60%{clip-path:inset(98% 0 3% 0)}70%{clip-path:inset(51% 0 50% 0)}80%{clip-path:inset(12% 0 89% 0)}90%{clip-path:inset(84% 0 17% 0)}to{clip-path:inset(19% 0 82% 0)}}.not-found-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:visible;padding:2rem;box-sizing:border-box}.not-found-container .decor{position:absolute;border-radius:50%;background:var(--brand-gradient);filter:blur(4px);opacity:.6;animation:floatDeco 6s ease-in-out infinite;z-index:0}.not-found-container .decor.decor-1{width:100px;height:100px;top:-20px;left:10%;background:#7daeff;background:oklch(75% .2 260deg);animation-delay:1s}.not-found-container .decor.decor-2{width:60px;height:60px;bottom:10%;right:5%;background:#bd96ff;background:oklch(75% .2 300deg)}.not-found-container .decor.decor-3{width:40px;height:40px;top:40%;right:25%;background:var(--line-color);opacity:.3;animation-delay:2s}.broken-player{position:relative;z-index:1;width:100%;max-width:600px;padding:3rem;background:rgba(from var(--surface-color) r g b/.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(from var(--line-color) r g b/.5);border-radius:2rem;box-shadow:0 30px 60px -10px #0003,var(--shadow-lg);display:flex;flex-direction:column;gap:1.5rem;transition:background .3s ease,border-color .3s ease}body[dark-mode] .broken-player{background:rgba(from var(--surface-color) r g b/.6);border-color:rgba(from var(--line-color) r g b/.4)}.broken-player .title-area h1.gradient-text{margin:0;font-size:8rem;font-weight:900;letter-spacing:-.05em;line-height:1;background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.broken-player .title-area h1.gradient-text.glitch-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:.8;animation:glitch 1.5s linear infinite;animation-direction:reverse;filter:contrast(1.5)}.broken-player .message-area{display:flex;flex-direction:column;gap:.5rem}.broken-player .message-area .error-message{font-size:1.3rem;font-weight:800;margin:0;color:var(--text-color);letter-spacing:-.01em}.broken-player .message-area .sub-message{font-size:1rem;color:var(--secondary-text-color);margin:0 auto;max-width:80%;line-height:1.5}.broken-player .action-area{margin-top:1rem;display:flex;justify-content:center}.broken-player .action-area .back-button.gradient-button{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2rem;background:var(--brand-gradient);color:#fff;border-radius:1rem;font-weight:700;font-size:1.1rem;text-decoration:none;box-shadow:0 10px 20px -5px rgba(from oklch(65% .25 260deg) r g b/.4);transition:all .3s cubic-bezier(.4,0,.2,1)}.broken-player .action-area .back-button.gradient-button svg{transition:transform .3s ease}.broken-player .action-area .back-button.gradient-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 30px -5px rgba(from oklch(65% .25 260deg) r g b/.5);color:#fff}.broken-player .action-area .back-button.gradient-button:hover svg{transform:translate(-3px)}.broken-player .action-area .back-button.gradient-button:active{transform:translateY(0) scale(.98)}body[dark-mode] .broken-player .action-area .back-button.gradient-button{box-shadow:0 10px 20px -5px #00000080}body[dark-mode] .broken-player .action-area .back-button.gradient-button:hover{box-shadow:0 20px 30px -5px #000000b3}@media screen and (max-width:600px){.not-found-container{padding:1rem}.broken-player{padding:2rem 1.5rem;border-radius:1.5rem}.broken-player .title-area h1.gradient-text{font-size:5rem}.broken-player .message-area .error-message{font-size:1.1rem}.broken-player .message-area .sub-message{font-size:.9rem;max-width:100%}.broken-player .action-area .back-button.gradient-button{padding:.8rem 1.5rem;font-size:1rem}}.theme-icon{--color: #a5a5b0;--size: 1.5rem;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;font-size:var(--size);-webkit-user-select:none;user-select:none;fill:var(--color);width:var(--size)}.theme-icon .moon{position:absolute;animation:keyframes-fill .5s}.theme-icon .sun{position:absolute;display:none;animation:keyframes-fill .5s}.theme-icon input:checked~.moon{display:none}.theme-icon input:checked~.sun{display:block}.theme-icon input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}@keyframes keyframes-fill{0%{transform:rotate(-360deg) scale(0);opacity:0}75%{transform:rotate(25deg)}}@media screen and (max-width:600px){.theme-icon{--size: 1.2rem}}.contact-container{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto;padding-bottom:3rem}.glass-card{background:rgba(from var(--surface-color) r g b/.7);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--line-color);border-radius:1.5rem;padding:2rem;text-align:left;box-shadow:var(--shadow-md);transition:transform .3s ease}.glass-card h3{margin-top:0;font-weight:700;font-size:1.4rem}.announcement-card .announce-gradient-text{font-size:2.2rem;font-weight:900;margin:0 0 .5rem;background:var(--announce-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;display:inline-block}.announcement-card .announcement-zone{color:var(--text-color);line-height:1.6}.announcement-card .announcement-zone .fallback-text{color:var(--secondary-text-color);font-style:italic;opacity:.8}.announcement-card .announcement-zone .html-content strong{color:var(--text-color);font-weight:700}.announcement-card .announcement-zone .html-content em{color:var(--secondary-text-color)}.announcement-card .announcement-zone .html-content ul{padding-left:1.2rem;margin:1rem 0}.announcement-card .announcement-zone .html-content li{margin-bottom:.5rem}.announcement-card .announcement-zone .html-content p{margin-bottom:1rem}.announcement-card .announcement-zone .html-content a{text-decoration:underline}.info-card .contact-links{display:flex;flex-direction:column;gap:1rem}.info-card .contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--base-color);border:1px solid var(--line-color);border-radius:1rem;text-decoration:none;color:var(--text-color);font-weight:600;transition:all .2s ease}.info-card .contact-item .icon{font-size:1.5rem}.info-card .contact-item:hover{border-color:var(--brand-color);transform:translate(8px);box-shadow:var(--shadow-sm);background:var(--surface-hover)}@media screen and (max-width:600px){.contact-container{gap:1rem}.glass-card{padding:1.5rem}.glass-card .announce-gradient-text{font-size:1.8rem}}#root{width:100%;height:100svh;margin:0;padding:0;text-align:center;overflow:hidden;display:flex;flex-direction:column}.banner-container{width:100%;aspect-ratio:13194/2745;max-height:160px;overflow:hidden;background:var(--surface-color);border-bottom:1px solid var(--line-color);flex-shrink:0}.banner-container img{width:100%;height:100%;object-fit:cover;object-position:center}header{position:sticky;top:0;z-index:100;height:4.5rem;background-color:rgba(from var(--surface-color) r g b/.8);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;align-items:center;padding:0 2rem;justify-content:space-between;border-bottom:1px solid var(--line-color);box-shadow:var(--shadow-sm)}header h2{font-weight:800;letter-spacing:-.02em;background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}section{box-sizing:border-box;height:100%;background-color:var(--base-color);overflow-y:auto;padding:2rem;scrollbar-color:var(--line-color) transparent;scrollbar-gutter:stable both-edges}section .item-list{max-width:1000px;margin:0 auto}footer{padding:.8rem 2rem;width:100%;text-align:left;box-sizing:border-box;background-color:var(--surface-color);border-top:1px solid var(--line-color);color:var(--secondary-text-color);font-size:.9rem}.folder{padding:0;display:flex;flex-direction:column;margin-bottom:1.2rem;border-radius:1.2rem;transition:box-shadow .3s ease}.folder:hover{box-shadow:var(--shadow-md)}.folder>.dropdown{all:unset;box-sizing:border-box;width:100%;padding:1.2rem 1.5rem;background:var(--surface-color);border:1px solid var(--line-color);border-radius:1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.folder>.dropdown .title-area{display:flex;flex-direction:column;text-align:left}.folder>.dropdown .title-area span{font-size:1.1rem;font-weight:700}.folder>.dropdown .short-desc{font-size:.85rem;color:var(--secondary-text-color);font-weight:400;opacity:.7;transition:all .2s ease}.folder>.dropdown .chevron{width:1.2rem;height:1.2rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);fill:var(--text-color)}@media(hover:hover){.folder>.dropdown:hover{border-color:var(--brand-color);background-color:var(--surface-hover)}.folder>.dropdown:hover .short-desc{color:var(--brand-color);opacity:1;transform:translateY(-2px)}}.folder>.list-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1);position:relative}.folder>.list-wrapper>.item-list{padding-top:0;padding-bottom:0;overflow:hidden}.folder.open{box-shadow:var(--shadow-lg)}.folder.open>.dropdown{background:var(--surface-hover);border-color:var(--line-color);border-bottom-left-radius:0;border-bottom-right-radius:0}.folder.open>.dropdown .short-desc{color:var(--brand-color);opacity:1}.folder.open .chevron{transform:rotate(90deg)}.folder.open>.list-wrapper{grid-template-rows:1fr}.folder.open>.list-wrapper .item-list{padding-bottom:1.5rem}.item-list{display:flex;flex-direction:column;gap:.8rem;padding-top:.5rem;transition:padding .4s ease-out;width:100%;margin:0 auto;max-width:1200px;box-sizing:border-box}.item-list .link{list-style:none}.item-list .link a{font-size:1rem;text-decoration:none;display:flex;align-items:center;gap:1.2rem;color:var(--secondary-text-color);padding:.8rem;background:var(--surface-color);border:1px solid var(--line-color);border-radius:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);margin:0 1.5rem}.item-list .link a:hover{background-color:var(--base-color);color:var(--text-color);border-color:var(--brand-color);transform:translate(12px);box-shadow:var(--shadow-md);z-index:10}.item-list .link a img.thumbnail{width:180px;aspect-ratio:16/9;border-radius:.6rem;object-fit:cover;transition:transform .3s ease}.item-list .link a:hover img.thumbnail{transform:scale(1.05)}.item-list .link.link-text a{padding:.6rem 1.2rem;display:inline-flex;width:auto}.long-desc{padding:1rem 1.5rem;margin:0rem;color:var(--secondary-text-color);font-size:.95rem;text-align:left;border-left:3px solid var(--brand-color);background:rgba(from var(--brand-color) r g b/.05)}@media screen and (max-width:600px){section{padding:.5rem;scrollbar-gutter:initial}section>.item-list{gap:1rem}section .folder{margin-bottom:.2rem}section .item-list .link.link-text a{display:inline-block;box-sizing:border-box;width:calc(100% - .2rem - 3.2px);margin:0 .2rem}section .item-list .link a{padding:.5rem;margin:0 .2rem;gap:.8rem;transform:none!important}section .item-list .link a img.thumbnail{width:124px;height:70px}header{padding:0 1rem}header h2{font-size:1.1rem}.banner-container{max-height:100px}.folder>.dropdown{padding:1rem}.folder>.dropdown .short-desc{opacity:1;font-size:.8rem}.folder.open>.list-wrapper .item-list{padding-bottom:.2rem}}:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;height:100svh;width:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:var(--surface-color);color:var(--text-color);transition:background-color .3s ease;--brand-color: oklch(65% .25 260);--brand-gradient: linear-gradient( 135deg, oklch(65% .25 260), oklch(55% .2 300) );--announce-gradient: linear-gradient(135deg, #ff4d4d, #f9a528);--base-color: #ffffff;--surface-color: #f8fafc;--surface-hover: #f1f5f9;--line-color: #e2e8f0;--text-color: #0f172a;--secondary-text-color: #64748b;--glass-blur: blur(12px);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}body[dark-mode]{--base-color: #0b0e14;--surface-color: #161b26;--surface-hover: #1e2533;--line-color: #2d3748;--text-color: #f8fafc;--secondary-text-color: #94a3b8;--shadow-sm: 0 1px 3px 0 rgba(92, 92, 92, .1);--shadow-md: 0 4px 6px -1px rgba(92, 92, 92, .15);--shadow-lg: 0 6px 15px -3px rgba(92, 92, 92, .2);--announce-gradient: linear-gradient(135deg, #ff5f5f, #ffa94d)}a{font-weight:500;color:var(--brand-color);text-decoration:inherit;transition:color .2s ease}a:hover{color:oklch(from var(--brand-color) calc(l*1.1) c h)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:var(--text-color);cursor:pointer;background-color:var(--surface-color);transition:all .2s ease}button:hover{background-color:var(--surface-hover)}