@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0a0a0f;--bg-gradient:linear-gradient(135deg, #0a0a0f 0%, #0d0d1a 50%, #0a0a0f 100%);--card-bg:#ffffff08;--card-border:#ffffff0f;--primary-start:#6366f1;--primary-end:#8b5cf6;--secondary:#06b6d4;--success:#10b981;--warning:#f59e0b;--error:#f43f5e;--text-primary:#fffffff2;--text-secondary:#ffffffb3;--text-tertiary:#ffffff80;--avatar-border:#fff3;--radius-card:16px;--radius-element:10px;--transition-fast:.2s ease;--transition-normal:.3s ease}[data-theme=girly]{--bg-color:#fff0f5;--bg-gradient:linear-gradient(135deg, #fff0f5 0%, #ffe4e1 50%, #fff0f5 100%);--card-bg:#ffffffb3;--card-border:#ff69b44d;--primary-start:#ff69b4;--primary-end:#ff1493;--secondary:#d81b60;--success:#10b981;--warning:#f59e0b;--error:#f43f5e;--text-primary:#4a0e2e;--text-secondary:#8c3b65;--text-tertiary:#b36b8e;--avatar-border:#ff69b4cc}[data-theme=girly] body:before,[data-theme=girly] body:after{opacity:.15;filter:blur(80px)}[data-theme=girly] input,[data-theme=girly] textarea{background:#fffc;border:1px solid #ff69b466}[data-theme=girly] input:focus,[data-theme=girly] textarea:focus{background:#fff;box-shadow:0 0 0 3px #ff69b433,0 0 20px #ff69b41a}[data-theme=girly] .glass-nav{background:#fff0f5d9;border-bottom:1px solid #ff69b433}[data-theme=girly] .card{box-shadow:0 8px 32px #ff69b41a}[data-theme=girly] .card.interactive:hover{border-color:#ff69b499;box-shadow:0 12px 40px #ff69b440}[data-theme=girly] .btn-secondary{color:var(--text-primary);border:1px solid var(--card-border);background:#fffc}[data-theme=girly] .btn-secondary:hover{color:var(--text-primary);background:#fff;border-color:#ff69b480}[data-theme=girly] ::-webkit-scrollbar-thumb{background:#ff69b44d}[data-theme=girly] ::-webkit-scrollbar-thumb:hover{background:#ff69b480}[data-theme=girly] .spinner{border:3px solid #ff69b433;border-top-color:var(--primary-start)}[data-theme=girly] body:before{animation:8s ease-in-out infinite alternate dance}[data-theme=girly] body:after{animation:6s linear infinite pirouette}@keyframes dance{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}to{transform:translateY(0)scale(1)}}@keyframes pirouette{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(.9)}to{transform:rotate(360deg)scale(1)}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow-x:hidden}body:before,body:after{content:"";filter:blur(120px);opacity:.07;z-index:-1;border-radius:50%;animation:20s ease-in-out infinite float;position:fixed}body:before{background:var(--primary-start);width:600px;height:600px;top:-200px;right:-200px}body:after{background:var(--primary-end);width:500px;height:500px;animation-delay:-10s;bottom:-150px;left:-150px}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-20px,20px)}}a{color:var(--secondary);transition:opacity var(--transition-fast);text-decoration:none}a:hover{opacity:.8}.gradient-text{background:linear-gradient(135deg, var(--primary-start), var(--primary-end), var(--secondary));-webkit-text-fill-color:transparent;color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(12px);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);padding:24px;box-shadow:0 8px 32px #0003}.card.interactive{cursor:pointer}.card.interactive:hover{border-color:#6366f14d;transform:translateY(-4px);box-shadow:0 12px 40px #6366f126}input,textarea{border:1px solid var(--card-border);border-radius:var(--radius-element);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#0000004d;outline:none;margin-bottom:16px;padding:12px 16px;font-family:inherit;font-size:1rem}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:focus,textarea:focus{border-color:var(--primary-start);background:#0006;box-shadow:0 0 0 3px #6366f133,0 0 20px #6366f10d}.theme-box{transition:background var(--transition-fast);background:#0003}[data-theme=girly] .theme-box{background:#ff69b426}button{background:linear-gradient(135deg, var(--primary-start), var(--primary-end));color:#fff;border-radius:var(--radius-element);cursor:pointer;width:100%;transition:transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);border:none;padding:12px 16px;font-family:inherit;font-size:1rem;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 14px #6366f14d}button:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#0000,#ffffff1a,#0000);position:absolute;inset:0}button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}button:hover:after{opacity:1}button:active{transform:scale(.97);box-shadow:0 2px 8px #6366f14d}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:none}.btn-secondary:after{display:none}.btn-secondary:hover{box-shadow:none;background:#ffffff14;border-color:#ffffff1f;transform:translateY(-1px)}.btn-secondary:active{box-shadow:none;transform:scale(.97)}.spinner{border:3px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:24px;height:24px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{color:var(--error);border-radius:var(--radius-element);background:#f43f5e1a;border:1px solid #f43f5e33;margin-bottom:16px;padding:12px 16px;font-size:.875rem;animation:.3s slideIn}.success-msg{color:var(--success);border-radius:var(--radius-element);background:#10b9811a;border:1px solid #10b98133;margin-bottom:16px;padding:12px 16px;font-size:.875rem;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:.5s forwards fadeUp}.layout{width:100%;max-width:1200px;margin:0 auto;padding:24px}.page-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.glass-nav{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);background:#0a0a0fd9;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}@media (width<=768px){.layout{padding:16px}h1{font-size:1.75rem!important}.glass-nav{padding:12px 16px}}@media (width<=480px){.layout{padding:12px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{color:#fff;background:#6366f14d}