@keyframes glitterShift{0%{background-position:0 0,0 0,0 0}to{background-position:400px 400px,-300px 300px,200px -200px}}@keyframes rainbowText{0%{color:#f0f;text-shadow:2px 2px 0 #0ff,-2px -2px 0 #ff0}25%{color:#0ff;text-shadow:2px 2px 0 #f0f,-2px -2px 0 #0f0}50%{color:#ff0;text-shadow:2px 2px 0 #f0f,-2px -2px 0 #0ff}75%{color:#ff69b4;text-shadow:2px 2px 0 #0f0,-2px -2px 0 #ff0}to{color:#f0f;text-shadow:2px 2px 0 #0ff,-2px -2px 0 #ff0}}@keyframes blink{50%{opacity:.2}}@keyframes wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes spin360{to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes marqueeScroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes floatUp{0%{transform:translateY(110vh) rotate(0deg)}to{transform:translateY(-20vh) rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-10px)}40%,80%{transform:translateX(10px)}}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Comic Neue,Comic Sans MS,cursive;color:#fff;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><text y='24' font-size='24'>✨</text></svg>") 4 4,auto}body{min-height:100vh;background:radial-gradient(circle at 20% 20%,hsla(0,0%,100%,.6) 1px,transparent 2px),radial-gradient(circle at 80% 60%,hsla(0,0%,100%,.5) 1px,transparent 2px),radial-gradient(circle at 50% 80%,hsla(0,0%,100%,.4) 1px,transparent 2px),linear-gradient(135deg,#f0c,#6a00ff 50%,#00d4ff);background-size:80px 80px,120px 120px,160px 160px,100% 100%;animation:glitterShift 20s linear infinite;overflow-x:hidden}.marquee{background:#000;color:#ff0;font-family:Press Start\ 2P,monospace;font-size:12px;padding:8px 0;border-top:3px ridge #f0f;border-bottom:3px ridge #0ff;overflow:hidden;white-space:nowrap}.marquee span{display:inline-block;padding-left:100%;animation:marqueeScroll 25s linear infinite}header.site{text-align:center;padding:20px 10px 10px;position:relative}.logo{font-family:Pacifico,cursive;font-size:clamp(40px,8vw,90px);background:linear-gradient(90deg,#fff,#ffd1ff 25%,#c0eaff 50%,#ffd1ff 75%,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(2px 2px 0 #ff00ff) drop-shadow(-2px 2px 0 #00ffff);display:inline-block;animation:wobble 4s ease-in-out infinite}.tagline{font-family:Press Start\ 2P,monospace;font-size:11px;margin-top:6px;animation:rainbowText 3s linear infinite}nav.tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:14px;background:linear-gradient(90deg,#ff69b4,#9b30ff,#ff69b4);border-top:3px outset #fff;border-bottom:3px outset #fff;box-shadow:inset 0 0 30px hsla(0,0%,100%,.3)}nav.tabs a{font-family:Comic Neue,Comic Sans MS,cursive;font-weight:700;font-size:14px;padding:8px 14px;border:3px outset #ffeb3b;background:linear-gradient(180deg,#ffe7fe,#faf);color:#6a006a;border-radius:20px;cursor:pointer;text-shadow:1px 1px 0 #fff;box-shadow:0 0 10px #f0f,inset 0 0 10px #fff;transition:transform .15s;text-decoration:none}nav.tabs a:hover{transform:scale(1.08) rotate(-1deg)}nav.tabs a.active{background:linear-gradient(180deg,#fffe5c,#ffb700);border-style:inset;color:#000}main{max-width:980px;margin:24px auto;padding:0 14px}.panel{background:hsla(0,0%,100%,.92);color:#2b0049;border:4px ridge #f6c;border-radius:18px;padding:18px 20px;margin-bottom:18px;box-shadow:0 0 25px rgba(255,0,255,.5),inset 0 0 30px rgba(255,255,200,.4);position:relative}.panel h2{font-family:Pacifico,cursive;font-size:32px;margin:0 0 8px;background:linear-gradient(90deg,#f0c,#9b30ff,#0af);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.panel h3{font-family:Comic Neue,cursive;color:#9b30ff;margin:14px 0 6px;border-bottom:2px dashed #f6c;padding-bottom:4px}.panel p{line-height:1.5}.panel:after,.panel:before{content:"✦";position:absolute;font-size:20px;color:#f0f;animation:blink 1.4s infinite}.panel:before{top:6px;left:10px}.panel:after{bottom:6px;right:10px}.home-grid{display:grid;grid-template-columns:240px 1fr;grid-gap:16px;gap:16px}@media (max-width:720px){.home-grid{grid-template-columns:1fr}}.profile-pic{width:100%;aspect-ratio:1/1;background:linear-gradient(135deg,#ffb6f9,#6affff);border:5px ridge #fff;border-radius:50%;display:grid;place-items:center;font-size:80px;overflow:hidden;box-shadow:0 0 30px #f0f;animation:float 5s ease-in-out infinite}.about-list{list-style:none;padding:0;margin:0}.about-list li{padding:4px 0;border-bottom:1px dotted #f6c}.about-list b{color:#9b30ff}.online-friends{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.friend-bubble{width:92px;text-align:center;font-size:11px;color:#6a006a;word-wrap:break-word;line-height:1.2}.friend-bubble .avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ffe7fe,#aef5ff);border:3px ridge #f6c;display:grid;place-items:center;margin:0 auto 2px;font-size:28px;animation:wobble 6s infinite;overflow:hidden;flex-shrink:0}.friend-bubble .avatar img{width:64px!important;height:64px!important;object-fit:cover;object-position:center top;border-radius:50%;display:block}.counter{display:inline-block;background:#000;color:#0f0;padding:6px 10px;border:2px ridge #888;letter-spacing:4px}.counter,.video-frame{font-family:Press Start\ 2P,monospace}.video-frame{width:100%;aspect-ratio:16/9;background:repeating-linear-gradient(45deg,#1a001a 0 12px,#2a002a 12px 24px);border:6px ridge #ffeb3b;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:14px;text-align:center;box-shadow:0 0 40px #f0f}.video-controls{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.btn{font-family:Comic Neue,cursive;font-weight:700;font-size:14px;background:linear-gradient(180deg,#fffd72,#ffae00);border:3px outset #fff;border-radius:10px;padding:8px 14px;color:#2b0049;cursor:pointer;box-shadow:0 0 10px rgba(255,200,0,.7);text-shadow:1px 1px 0 #fff}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.6;cursor:not-allowed}.upload-zone{border:4px dashed #f6c;border-radius:16px;padding:40px 20px;text-align:center;background:repeating-linear-gradient(45deg,hsla(0,0%,100%,.5) 0 12px,rgba(255,180,255,.5) 12px 24px);cursor:pointer;transition:transform .2s}.upload-zone:hover{transform:scale(1.02)}.upload-zone .big{font-family:Pacifico,cursive;font-size:32px;color:#9b30ff;display:block;margin-bottom:8px}.upload-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:10px;gap:10px}.upload-grid .thumb{aspect-ratio:1/1;background:linear-gradient(135deg,#ffd1ff,#c0eaff);border:3px ridge #f6c;border-radius:10px;display:grid;place-items:center;font-size:30px;color:#6a006a;overflow:hidden}.upload-grid .thumb img{width:100%;height:100%;object-fit:cover}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:14px;gap:14px}.sticker-card{background:hsla(0,0%,100%,.8);border:3px ridge #0df;border-radius:14px;padding:10px;text-align:center;transition:transform .2s;position:relative}.sticker-card:hover{transform:rotate(-3deg) scale(1.05)}.sticker-card .img{width:100%;aspect-ratio:1/1;background:linear-gradient(135deg,#ffe45c,#ff6a9b);border-radius:10px;display:grid;place-items:center;font-size:50px;margin-bottom:6px}.sticker-card{text-decoration:none;display:block}.sticker-img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:10px;margin-bottom:6px;background:linear-gradient(135deg,#fff8ff,#f0f8ff)}.sticker-card .name{font-family:Comic Neue,cursive;font-weight:700;font-size:13px;color:#6a006a}.sticker-card .dl{display:inline-block;margin-top:4px;font-size:11px;color:#fff;background:#f0a;border-radius:6px;padding:2px 6px;text-decoration:none}.scroll-of-truth{background:linear-gradient(180deg,#fff8e1,#ffe5b4);color:#3a1a00;border:6px double #8b5a2b;border-radius:12px;padding:24px;font-family:Comic Neue,cursive;font-size:16px;line-height:1.7;position:relative}.scroll-of-truth h3{font-family:Pacifico,cursive;font-size:26px;color:#8b008b;text-align:center}.audio-box{margin-top:14px;background:#000;color:#0fa;border:3px ridge #0fa;border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px;font-family:Press Start\ 2P,monospace;font-size:11px}.audio-box .play{width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg,#f6c,#9b30ff);display:grid;place-items:center;cursor:pointer;font-size:20px;color:#fff;border:2px outset #fff;flex-shrink:0}.voice-select{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}.voice-select label{background:hsla(0,0%,100%,.85);border:2px ridge #f6c;border-radius:8px;padding:4px 8px;font-size:13px;color:#6a006a;cursor:pointer}.viral-iframe{width:100%;height:calc(100vh - 260px);min-height:500px;border:6px ridge #f6c;border-radius:14px;box-shadow:0 0 40px #f0f;display:block}.float-icons{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1}.float-icons span{position:absolute;font-size:26px;animation:floatUp linear infinite;opacity:.85}footer.site{text-align:center;padding:24px 12px 40px;color:#fff;text-shadow:1px 1px 0 #6a006a;font-size:13px}footer.site .ring{margin-top:8px;font-family:Press Start\ 2P,monospace;font-size:10px;color:#ffeb3b}.gate-page{min-height:100vh;display:grid;place-items:center;padding:20px}.gate-card{background:rgba(0,0,0,.7);border:4px ridge #f0f;border-radius:18px;padding:30px;text-align:center;max-width:460px;width:100%;box-shadow:0 0 50px #f0f}.gate-card h1{font-family:Pacifico,cursive;font-size:42px;margin:0 0 8px;color:#fff;text-shadow:0 0 12px #f0f}.gate-card p{color:#ffd1ff;margin:6px 0 18px;font-size:14px}.gate-card input{width:100%;padding:12px;border:3px ridge #0ff;border-radius:10px;background:#000;color:#0f8;font-family:Press Start\ 2P,monospace;font-size:14px;text-align:center;box-sizing:border-box}.gate-card .btn{margin-top:14px;padding:12px 22px}.gate-card .hint{color:#888;font-size:11px;margin-top:14px}.gate-card .error{color:#f46;font-size:11px;margin-top:10px}.gate-card.shake{animation:shake .35s ease}.blink{animation:blink 1s infinite}.spin{display:inline-block;animation:spin360 4s linear infinite}.center{text-align:center}.small{font-size:12px;opacity:.9}.legende-toc{gap:8px}.legende-toc,.legende-toc-item{display:flex;flex-direction:column}.legende-toc-item{gap:2px;padding:10px 14px;background:rgba(0,0,0,.35);border:2px solid rgba(155,48,255,.4);border-radius:10px;text-decoration:none;color:#fff;transition:background .18s,border-color .18s}.legende-toc-item:hover{background:rgba(155,48,255,.25);border-color:#9b30ff}.legende-toc-short{font-family:Pacifico,cursive;font-size:14px;color:#9b30ff;text-shadow:0 0 8px rgba(155,48,255,.6)}.legende-toc-loc{font-size:11px;opacity:.7}.legende-body{font-family:Comic Neue,Comic Sans MS,cursive;font-size:14px;line-height:1.8;color:#3b1a00}.legende-body>p:first-of-type:first-letter{font-family:Pacifico,cursive;font-size:3.5em;float:left;line-height:.8;margin-right:6px;margin-top:4px;color:#9b30ff;text-shadow:2px 2px 0 rgba(155,48,255,.3)}.legende-h1{font-size:20px;background:linear-gradient(90deg,#9b30ff,#f0c,#9b30ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}.legende-h1,.legende-h2{font-family:Pacifico,cursive;text-align:center}.legende-h2{font-size:15px;color:#9b30ff;text-shadow:0 0 8px rgba(155,48,255,.4);margin:18px 0 8px}.legende-quote{border-left:4px solid #9b30ff;margin:16px 0;padding:8px 14px;background:rgba(155,48,255,.1);border-radius:0 8px 8px 0;font-style:italic;color:#5a2090}.legende-quote p{margin:0}.legende-divider{text-align:center;color:#9b30ff;font-size:18px;letter-spacing:8px;margin:20px 0;opacity:.7}.legende-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px}.legende-nav .btn{flex:0 0 auto}.legende-nav span{flex:1 1}.row{flex-wrap:wrap;align-items:center}.pinnwand-list,.row{display:flex;gap:10px}.pinnwand-list{flex-direction:column;margin-bottom:16px;max-height:480px;overflow-y:auto;padding-right:4px}.pinnwand-post{background:rgba(255,220,255,.35);border:2px solid rgba(155,48,255,.25);border-radius:12px;padding:10px 12px}.pinnwand-post-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}.pinnwand-emoji{font-size:18px;line-height:1}.pinnwand-author{color:#9b30ff;font-size:13px}.pinnwand-date{color:#888;font-size:11px;margin-left:auto}.pinnwand-delete{background:none;border:none;cursor:pointer;color:#c00;font-size:13px;padding:0 2px}.pinnwand-text{font-size:13px;color:#3b1a5a;margin:0 0 6px;word-break:break-word;white-space:pre-wrap}.pinnwand-img{max-width:100%;max-height:220px;border-radius:8px;border:2px solid #f6c;cursor:zoom-in;display:block}.pinnwand-form{background:rgba(255,200,255,.3);border-radius:12px;padding:12px;margin-top:4px}.pinnwand-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pinnwand-input{padding:5px 8px;min-width:0}.pinnwand-input,.pinnwand-textarea{border-radius:8px;border:2px ridge #f6c;font-family:inherit;font-size:13px;background:#fff8ff;color:#3b1a5a}.pinnwand-textarea{width:100%;padding:6px 32px 6px 8px;resize:vertical;box-sizing:border-box}.pinnwand-emoji-btn{font-size:20px;padding:4px 8px;line-height:1}.pinnwand-inline-emoji-btn{position:absolute;right:6px;bottom:6px;background:none;border:none;font-size:18px;cursor:pointer;opacity:.6;line-height:1}.pinnwand-inline-emoji-btn:hover{opacity:1}.pinnwand-img-btn{display:inline-flex;align-items:center;gap:4px}.emoji-picker{position:absolute;top:110%;right:0;z-index:200;background:#fff0ff;border:3px ridge #f6c;border-radius:12px;padding:6px;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:1px;gap:1px;width:192px;max-height:200px;overflow-y:auto;box-shadow:0 4px 20px rgba(155,48,255,.3)}.emoji-picker-text{bottom:110%;top:auto;right:0}.emoji-opt{background:none;border:none;font-size:18px;cursor:pointer;border-radius:6px;padding:3px;line-height:1;transition:background .1s;text-align:center}.emoji-opt:hover{background:rgba(155,48,255,.15)}@keyframes popIn{0%{transform:scale(.3) rotate(-8deg);opacity:0}70%{transform:scale(1.08) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0deg);opacity:1}}.profile-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);display:grid;place-items:center;z-index:1000;padding:20px}.profile-modal-inner{position:relative;display:flex;flex-direction:column;align-items:center;animation:popIn .45s cubic-bezier(.34,1.56,.64,1) both}.profile-modal-img{width:240px;height:240px;border-radius:50%;overflow:hidden;border:6px ridge #f6c;box-shadow:0 0 40px #ff00cc88;position:relative;z-index:2}.profile-modal-name{font-family:Pacifico,cursive;font-size:18px;color:#9b30ff;text-shadow:0 0 12px rgba(155,48,255,.5);margin:12px 0 0}.friend-has-photo{cursor:pointer}.friend-has-photo:hover{box-shadow:0 0 12px #f60;border-color:#f60!important;transform:scale(1.05)}