@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&family=Inter:wght@400;600;700&display=swap";
:root{--bg-primary:#09090b;--bg-secondary:#18181b;--glass-bg:#18181bb3;--glass-border:#ffffff1a;--accent-primary:#ff2a6d;--accent-secondary:#ff5e3a;--text-main:#f4f4f5;--text-muted:#a1a1aa;--shadow-color:#00000080;--mesh-1:#1a1a2e;--mesh-2:#0f3460;--mesh-3:#16213e}[data-theme=midnight]{--bg-primary:#000;--bg-secondary:#0a0a0a;--glass-bg:#000c;--glass-border:#ffffff0d;--accent-primary:#05ffa1;--accent-secondary:#08f;--text-main:#fff;--text-muted:#71717a;--mesh-1:#000;--mesh-2:#011627;--mesh-3:#000}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif;transition:background-color .5s;overflow-x:hidden}h1,h2,h3,.brand-font{font-family:Outfit,sans-serif;font-weight:800}.mesh-container{z-index:-1;background-color:var(--bg-primary);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.mesh-blob{filter:blur(80px);opacity:.45;border-radius:50%;animation:20s cubic-bezier(.45,0,.55,1) infinite alternate blob-move;position:absolute}.blob-1{background:var(--mesh-1);width:60vw;height:60vw;top:-10%;left:-10%}.blob-2{background:var(--mesh-2);width:50vw;height:50vw;animation-delay:-5s;bottom:-5%;right:-5%}.blob-3{background:var(--mesh-3);width:40vw;height:40vw;animation-delay:-10s;top:40%;left:30%}@keyframes blob-move{0%{transform:translate(0)scale(1)}33%{transform:translate(10%,15%)scale(1.1)}66%{transform:translate(-15%,5%)scale(.9)}to{transform:translate(5%,-10%)scale(1.05)}}.app-container{flex-direction:column;max-width:550px;min-height:100vh;margin:0 auto;padding:20px;display:flex}.nav-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 0;display:flex}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 10px 30px var(--shadow-color);border-radius:24px;padding:24px;transition:transform .3s,box-shadow .3s}.glass-card:hover{box-shadow:0 15px 40px var(--shadow-color);transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:16px;padding:14px 24px;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #ff2a6d4d}.btn-primary:active{transform:scale(.95)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.marquee-wrapper{white-space:nowrap;border-bottom:1px solid var(--glass-border);background:#0003;align-items:center;height:35px;display:flex;overflow:hidden}.marquee-content{color:var(--accent-primary);font-size:.85rem;font-weight:700;animation:40s linear infinite marquee-scroll;display:inline-block}@keyframes marquee-scroll{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--glass-border) 50%, var(--bg-secondary) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.custom-textarea{width:100%;color:var(--text-main);resize:vertical;background:#ffffff0d;border:2px solid #0000;border-radius:16px;min-height:120px;padding:16px;font-family:inherit;font-size:1.1rem;transition:border-color .3s}.custom-textarea:focus{border-color:var(--accent-primary);background:#ffffff14;outline:none}.category-pill{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.category-pill.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}