*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;outline:none;-webkit-tap-highlight-color:transparent;}:root{--clr-bg:#f4f6f8;--clr-dots:#d0d0d0;--clr-ink:#111111;--clr-paper:#ffffff;--clr-yellow:#ffde00;--clr-green:#33ff99;--border-width:4px;--transition:0.3s cubic-bezier(0.175,0.885,0.32,1.275);--font-header:'Bangers',cursive;--font-body:'Comic Neue',cursive,sans-serif;--shadow-offset:8px;}body{min-height:100vh;background-color:var(--clr-paper);background-image:radial-gradient(var(--clr-dots) 15%,transparent 16%),radial-gradient(var(--clr-dots) 15%,transparent 16%);background-size:20px 20px;background-position:0 0,10px 10px;font-family:var(--font-body);color:var(--clr-ink);display:flex;align-items:flex-start;justify-content:center;padding:20px;}.container{width:100%;max-width:850px;display:flex;flex-direction:column;gap:40px;position:relative;z-index:2;}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}.portal-card{background:var(--clr-paper);border:var(--border-width) solid var(--clr-ink);padding:30px 20px;text-decoration:none;color:var(--clr-ink);display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px;position:relative;top:0;opacity:0;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--clr-ink);transition:transform var(--transition),box-shadow var(--transition);animation:slidePop 0.5s cubic-bezier(0.175,0.885,0.32,1.275) forwards;}@keyframes slidePop{0%{top:30px;opacity:0;}100%{top:0;opacity:1;}}.portal-card:nth-child(1){animation-delay:0.0s;}.portal-card:nth-child(2){animation-delay:0.05s;}.portal-card:nth-child(3){animation-delay:0.1s;}.portal-card:nth-child(4){animation-delay:0.15s;}.portal-card:nth-child(5){animation-delay:0.2s;}.portal-card:nth-child(6){animation-delay:0.25s;}.portal-card:nth-child(7){animation-delay:0.3s;}.portal-card:nth-child(8){animation-delay:0.35s;}.portal-card:nth-child(9){animation-delay:0.4s;}.portal-card:nth-child(10){animation-delay:0.45s;}.portal-card:nth-child(11){animation-delay:0.5s;}.portal-card:nth-child(12){animation-delay:0.55s;}.portal-card:nth-child(13){animation-delay:0.6s;}.portal-card:nth-child(14){animation-delay:0.65s;}.portal-card:nth-child(15){animation-delay:0.7s;}.portal-card:nth-child(16){animation-delay:0.75s;}.portal-card:nth-child(17){animation-delay:0.8s;}.portal-card:nth-child(18){animation-delay:0.85s;}.portal-card:nth-child(19){animation-delay:0.9s;}.portal-card:nth-child(20){animation-delay:0.95s;}.portal-card:nth-child(n+21){animation-delay:1.0s;}.portal-card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--clr-ink);}.portal-card.sp{transform:rotate(1deg);}.portal-card.ai{transform:rotate(-0.5deg);}.portal-card.file{transform:rotate(1.2deg);}.portal-card.paste{transform:rotate(-0.8deg);}.portal-card.sg{transform:rotate(1.5deg);}.portal-card.qr{transform:rotate(-1.3deg);}.portal-card.locate{transform:rotate(1.1deg);}.portal-card.cast{transform:rotate(-1.2deg);}.portal-card.sketch{transform:rotate(0.8deg);}.portal-card.chat{transform:rotate(-1.1deg);}.portal-card.text{transform:rotate(1deg);}.portal-card.poll{transform:rotate(0.9deg);}.portal-card.drop{transform:rotate(-0.7deg);}.portal-card.cut,.portal-card.bg-remove{transform:rotate(0.6deg);}.portal-card.mail{transform:rotate(-0.5deg);}.portal-card.mail:hover{transform:rotate(-0.5deg);}.portal-card.convert{transform:rotate(0.7deg);}.portal-card.convert:hover{transform:rotate(0.7deg);}.portal-card.gif{transform:rotate(-0.6deg);}.portal-card.gif:hover{transform:rotate(-0.6deg);}.portal-card.weather{transform:rotate(0.5deg);}.portal-card.weather:hover{transform:rotate(0.5deg);}.portal-card.compiler{transform:rotate(-0.9deg);}.portal-card.compiler:hover{transform:rotate(-0.9deg);}.portal-card.piano{transform:rotate(1.1deg);}.portal-card.piano:hover{transform:rotate(1.1deg);}.card-icon{width:60px;height:60px;border:3px solid var(--clr-ink);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 var(--clr-ink);overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);}.sp .card-icon{background-color:#1DB954;}.ai .card-icon{background-color:#7d5fff;background-image:url('ai-icon.svg');background-size:60%;}.file .card-icon{background-color:#33ff99;background-image:url('share-icon.svg');background-size:60%;}.paste .card-icon{background-color:#ff8c00;background-image:url('paste-icon.svg');background-size:60%;}.sg .card-icon{background-color:#00d4ff;background-image:url('shorten-icon.svg');background-size:60%;}.qr .card-icon{background-color:#ccff00;background-image:url('qr-icon.svg');background-size:60%;}.locate .card-icon{background-color:#ff3366;background-image:url('locate-icon.svg');background-size:60%;}.cast .card-icon{background-color:#7209b7;background-image:url('cast-icon.svg');background-size:60%;}.sketch .card-icon{background-color:var(--clr-paper);background-image:url('sketch-icon.svg');background-size:60%;}.chat .card-icon{background-color:#ff8c00;background-image:url('chat-icon.svg');background-size:60%;}.poll .card-icon{background-color:#ffde00;background-image:url('poll-icon.svg');background-size:60%;}.drop .card-icon{background-color:#00e5ff;background-image:url('drop-icon.svg');background-size:60%;}.cut .card-icon,.bg-remove .card-icon{background-color:#ff0055;background-image:url('bg-remove-icon.svg');background-size:65%;}.mail .card-icon{background-color:#c77dff;background-image:url('mail-icon.svg');background-size:60%;}.convert .card-icon{background-color:#ff6b9d;background-image:url('convert-icon.svg');background-size:64%;}.gif .card-icon{background-color:#ffde00;background-image:url('gif-icon.svg');background-size:66%;}.weather .card-icon{background-color:#55d6ff;background-image:url('weather-icon.svg');background-size:72%;}.piano .card-icon{background-color:#ff8c00;background-image:url('piano-icon.svg');background-size:62%;}.compiler .card-icon{background-color:#7d5fff;background-image:url('compiler-icon.svg');background-size:60%;}.portal-card.speed{transform:rotate(0.6deg);}.portal-card.speed:hover{transform:rotate(0.6deg);}.speed .card-icon{background-color:#00ff88;background-image:url('speed-icon.svg');background-size:65%;}.portal-card.modulemind{transform:rotate(-0.7deg);}.portal-card.modulemind:hover{transform:rotate(-0.7deg);}.modulemind .card-icon{background-color:#ffde00;background-image:url('modulemind-icon.svg');background-size:65%;}.portal-card.games{transform:rotate(0.8deg);}.portal-card.games:hover{transform:rotate(0.8deg);}.games .card-icon{background-color:#ff0050;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-10 7H9v2H7v-2H5v-2h2V9h2v2h2v2zm4.5 1.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm3-3c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z'/%3E%3C/svg%3E");background-size:65%;}.portal-card.disabled{opacity:0.7;filter:grayscale(0.8);cursor:not-allowed;box-shadow:4px 4px 0 var(--clr-ink) !important;}.go-btn.coming-soon{background:#ccc;color:#666;}.card-title{font-family:var(--font-header);font-size:2rem;letter-spacing:1px;text-transform:uppercase;}.card-desc{font-weight:700;font-size:0.9rem;opacity:0.8;line-height:1.3;}.go-btn{margin-top:5px;background:var(--clr-yellow);border:3px solid var(--clr-ink);padding:8px 24px;font-family:var(--font-header);font-size:1.2rem;box-shadow:3px 3px 0 var(--clr-ink);text-transform:uppercase;}.footer{background:white;border:3px solid var(--clr-ink);padding:8px 12px;align-self:stretch;box-shadow:0 0 0 var(--clr-ink);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;position:relative;z-index:10;top:0;opacity:0;animation:slidePopFooter 0.5s cubic-bezier(0.175,0.885,0.32,1.275) 0.7s forwards;}@keyframes slidePopFooter{0%{top:30px;opacity:0;}100%{top:0;opacity:1;box-shadow:4px 4px 0 var(--clr-ink);}}.footer-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;}.footer-action-link{appearance:none;border:2px solid var(--clr-ink);background:var(--clr-paper);color:var(--clr-ink);padding:5px 12px;font-family:var(--font-body);font-size:0.78rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;box-shadow:2px 2px 0 var(--clr-ink);transition:transform 0.1s,box-shadow 0.1s,background-color 0.2s;}.footer-action-link:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--clr-ink);}.footer-action-link:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--clr-ink);}.footer-action-link[data-panel="support"]:hover{background:#fff7cc;}.footer-action-link[data-panel="donate"]:hover{background:#ffb3d1;}.footer-action-link[data-panel="about"]:hover{background:#e9fff2;}.site-panel-backdrop{position:fixed;inset:0;background:rgba(17,17,17,0.35);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10020;}.site-panel-backdrop.hidden{display:none;}.site-panel{width:min(620px,100%);background:var(--clr-paper);border:4px solid var(--clr-ink);box-shadow:8px 8px 0 var(--clr-ink);position:relative;padding:20px 18px 18px;}.site-panel-close{position:absolute;top:12px;right:12px;width:42px;height:42px;border:3px solid var(--clr-ink);background:#ff8c8c;box-shadow:3px 3px 0 var(--clr-ink);font-family:var(--font-header);font-size:1.4rem;cursor:pointer;}.site-panel-content.hidden{display:none;}.site-panel-tag{margin:0 0 8px;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.12em;font-weight:700;}.site-panel-title{margin:0 0 10px;font-family:var(--font-header);font-size:1.75rem;line-height:0.95;text-transform:uppercase;}.site-panel-copy{margin:0 0 14px;max-width:54ch;font-weight:700;line-height:1.35;}.site-panel-card-row{display:flex;gap:14px;align-items:stretch;flex-wrap:wrap;}.site-panel-note,.site-panel-cta,.faq-item,.donate-qr-slot,.donate-copy{border:3px solid var(--clr-ink);box-shadow:4px 4px 0 var(--clr-ink);}.site-panel-note,.donate-copy{background:#fffdf1;padding:14px 16px;flex:1 1 260px;}.site-panel-note strong{display:block;margin-bottom:6px;font-family:var(--font-header);font-size:1.2rem;text-transform:uppercase;}.site-panel-note p,.donate-copy p,.faq-item p{margin:0;font-weight:700;line-height:1.4;}.site-panel-cta{background:#33ff99;color:var(--clr-ink);text-decoration:none;min-width:200px;padding:12px 14px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-header);font-size:1.15rem;text-transform:uppercase;}.support-form{display:flex;flex-direction:column;gap:10px;}.support-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.support-field{display:flex;flex-direction:column;gap:6px;font-weight:700;}.support-field span{font-size:0.82rem;text-transform:uppercase;letter-spacing:0.06em;}.support-field input,.support-field textarea{width:100%;border:3px solid var(--clr-ink);box-shadow:4px 4px 0 var(--clr-ink);background:#ffffff;padding:10px 11px;font:inherit;resize:vertical;}.support-form-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;}.support-form-status{min-height:1.3em;font-weight:700;text-align:center;}.support-form-status.is-success{color:#008a52;}.support-form-status.is-error{color:#d1004b;}.faq-list{display:flex;flex-direction:column;gap:10px;}.faq-item{background:#fff1f7;padding:0;}.faq-question{width:100%;appearance:none;border:0;background:transparent;padding:14px 16px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;color:var(--clr-ink);}.faq-plus{flex:0 0 auto;font-size:1.6rem;line-height:1;font-weight:400;}.faq-question-text{font-size:1.05rem;line-height:1.2;font-weight:800;}.faq-answer{padding:0 16px 14px 44px;}.faq-answer p{margin:0;font-weight:700;line-height:1.4;font-size:0.92rem;}.faq-question[aria-expanded="true"] .faq-plus{transform:rotate(45deg);}.site-panel:has(.donate-panel:not(.hidden)),.site-panel:has(.about-panel:not(.hidden)){width:min(340px,100%);}.donate-panel,.about-panel{text-align:center;}.about-panel .site-panel-copy{margin:8px 0 0;max-width:none;font-weight:700;line-height:1.45;}.about-author{margin-top:16px;font-size:0.88rem;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;opacity:0.85;}.about-actions{display:flex;justify-content:center;gap:12px;margin-top:8px;}.about-fb-btn,.about-gh-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:3px solid var(--clr-ink);border-radius:50%;color:#ffffff;box-shadow:3px 3px 0 var(--clr-ink);transition:transform var(--transition),box-shadow var(--transition);cursor:pointer;text-decoration:none;}.about-fb-btn{background:#1877f2;}.about-gh-btn{background:#24292e;}.about-fb-btn:hover,.about-gh-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--clr-ink);}.donate-desc{margin:8px 0 16px;font-weight:700;line-height:1.4;font-size:0.95rem;}.donate-flex{display:flex;justify-content:center;align-items:center;margin-top:15px;}.donate-qr-img{display:block;width:260px;height:auto;border:3px solid var(--clr-ink);box-shadow:4px 4px 0 var(--clr-ink);background:#ffffff;}@media (max-width:650px){body{padding:20px 12px 12px;}.container{gap:20px;}.portal-grid{grid-template-columns:1fr 1fr;gap:12px;}.portal-card{padding:16px 10px;gap:10px;border-width:3px;box-shadow:4px 4px 0 var(--clr-ink) !important;}.portal-card:hover{transform:none;}.portal-card.games:hover{transform:none;}.card-icon{width:48px;height:48px;border-width:2.5px;box-shadow:2px 2px 0 var(--clr-ink);}.card-title{font-size:1.4rem;}.card-desc{font-size:0.78rem;font-weight:700;line-height:1.2;}.go-btn{padding:5px 14px;font-size:0.95rem;border-width:2.5px;box-shadow:2px 2px 0 var(--clr-ink);}.footer{text-align:center;padding:6px 8px;}.footer-actions{justify-content:center;width:100%;gap:6px;}.footer-action-link{padding:4px 8px;font-size:0.72rem;}.site-panel{padding:18px 14px 14px;}.site-panel-title{font-size:1.45rem;}.support-form-grid{grid-template-columns:1fr;}.donate-qr-img{width:220px;}.faq-question{padding:13px 14px;gap:12px;}.faq-plus{font-size:1.4rem;}.faq-question-text{font-size:0.98rem;}.faq-answer{padding:0 14px 13px 40px;}.donate-qr-slot{min-height:200px;font-size:1.2rem;}}#page-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--clr-bg);background-image:radial-gradient(var(--clr-dots) 15%,transparent 16%),radial-gradient(var(--clr-dots) 15%,transparent 16%);background-size:20px 20px;background-position:0 0,10px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity 0.6s cubic-bezier(0.175,0.885,0.32,1.275),visibility 0.6s;}#page-loader.hidden{opacity:0;visibility:hidden;}.loader-spinner{width:60px;height:60px;border:6px solid var(--clr-ink);border-top-color:#7d5fff;border-right-color:#33ff99;border-bottom-color:var(--clr-yellow);border-left-color:#ff8c00;border-radius:50%;animation:spinBrutal 1s linear infinite;box-shadow:4px 4px 0 var(--clr-ink);margin-bottom:20px;}@keyframes spinBrutal{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.loader-text{font-family:var(--font-header);font-size:2rem;color:var(--clr-ink);text-shadow:2px 2px 0 var(--clr-paper);letter-spacing:2px;text-transform:uppercase;animation:flashOp 1.5s infinite;}@keyframes flashOp{0%{opacity:0.5;}50%{opacity:1;}100%{opacity:0.5;}}