:root{--bg-color:#f9f9f9;--text-color:#111;--text-muted:#666;--glass-bg:#fff9;--glass-bg-hover:#ffffffd9;--glass-border:#00000014;--glass-border-hover:#0000002e;--glass-shadow:0 8px 32px 0 #0000000f;--accent-white:#000;--accent-black:#fff;--glow-color:#0000000a;--brand-badge:#2196f3;--creator-badge:#e91e63;--dialog-bg:#fffffff2;--texture-color:#000c;--logo-gradient:linear-gradient(to right, #000, #555);--input-bg:#fffc;--input-bg-focus:#fffffff2;--scrollbar-thumb:#00000026;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel-interactive:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:0 12px 40px 0 #000c, 0 0 15px 0 var(--glow-color);transform:translateY(-2px)}.glass-input{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-color);border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:all .2s}.glass-input:focus{border-color:var(--accent-white);background:var(--input-bg-focus);box-shadow:0 0 10px var(--glow-color)}.btn-primary{background:var(--accent-white);color:var(--accent-black);border:1px solid var(--accent-white);cursor:pointer;border-radius:8px;padding:10px 20px;font-family:inherit;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{color:var(--accent-white);background:0 0;box-shadow:0 0 15px #fff3}.btn-secondary{color:var(--text-color);border:1px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-family:inherit;font-weight:500;transition:all .2s}.btn-secondary:hover{border-color:var(--accent-white);background:#ffffff0d}.btn-disabled{color:var(--text-muted);border:1px solid var(--glass-border);cursor:not-allowed;background:#ffffff0d;border-radius:8px;padding:10px 20px;font-family:inherit;font-weight:500}.badge-brand{color:var(--brand-badge);background:#2196f31a;border:1px solid #2196f333;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-creator{color:var(--creator-badge);background:#e91e631a;border:1px solid #e91e6333;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(3deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulse-slow{0%{opacity:.02}50%{opacity:.06}to{opacity:.02}}.floating-texture{animation:8s ease-in-out infinite float}dialog{background:var(--dialog-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border-hover);color:var(--text-color);opacity:0;transition-behavior:allow-discrete;border-radius:20px;width:90%;max-width:500px;margin:auto;padding:28px;transition-property:opacity,transform,display,overlay;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);transform:scale(.95);box-shadow:0 20px 50px #000000e6}dialog[open]{opacity:1;transform:scale(1)}@starting-style{dialog[open]{opacity:0;transform:scale(.95)}}dialog::backdrop{transition:display .3s allow-discrete, overlay .3s allow-discrete, background-color .3s ease-out;background-color:#0000}dialog[open]::backdrop{background-color:#000000bf}@starting-style{dialog[open]::backdrop{background-color:#0000}}.bg-texture-container{z-index:-1;pointer-events:none;opacity:.35;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);width:100%;height:100%;display:grid;position:fixed;top:0;left:0;overflow:hidden}.texture-item{color:var(--texture-color);justify-content:center;align-items:center;transition:color .5s;display:flex}.gradient-text-bw{background:var(--logo-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}
