:root,:root[data-theme=dark]{--bg-deep:#000020;--bg-surface:#171a4a;--bg-elevated:#2f2c79;--brand-primary:#e8c39e;--brand-secondary:#171a4a;--brand-accent:#f5e1ce;--neon-cyan:#e8c39e;--neon-blue:#b8976a;--neon-violet:#f5e1ce;--neon-pink:#f5e1ce;--neon-amber:#e0b458;--text-primary:#f5e1ce;--text-secondary:#f5e1cebf;--text-muted:#f5e1ce80;--text-disabled:#f5e1ce4d;--border-subtle:#f5e1ce0f;--border-soft:#f5e1ce1f;--border-strong:#f5e1ce38;--glass-bg:#f5e1ce0a;--glass-bg-hover:#f5e1ce12;--glass-border:#f5e1ce14;--glass-border-hover:#f5e1ce29}:root[data-theme=light]{--bg-deep:#faf6ee;--bg-surface:#fff;--bg-elevated:#fff;--brand-primary:#2f2c79;--brand-secondary:#f5e1ce;--brand-accent:#171a4a;--neon-cyan:#2f2c79;--neon-blue:#171a4a;--neon-violet:#b8976a;--neon-pink:#e8c39e;--neon-amber:#b8976a;--text-primary:#000020;--text-secondary:#000020b3;--text-muted:#00002080;--text-disabled:#0000204d;--border-subtle:#0000200f;--border-soft:#0000201f;--border-strong:#00002038;--glass-bg:#00002006;--glass-bg-hover:#0000200d;--glass-border:#00002014;--glass-border-hover:#00002029}:root{--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition:.28s cubic-bezier(.16, 1, .3, 1);--transition-slow:.6s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{background:var(--bg-deep);color:var(--text-primary);font-feature-settings:"cv02", "cv03", "cv04", "cv11";letter-spacing:-.011em;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;overflow-x:clip}body{min-height:100vh;position:relative}@media (max-width:640px){body{overscroll-behavior-y:contain}}h1,h2,h3,h4,h5,h6,p,li,dd,dt,span,a,button,label{overflow-wrap:break-word;word-wrap:break-word}h1,h2,h3,h4,.text-display,.text-display-sm,.text-h1,.text-h2,.text-h3{text-wrap:balance;-webkit-hyphens:auto;hyphens:auto}p,li{text-wrap:pretty}a{color:inherit}button,input,textarea,select{font-family:inherit}:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px;border-radius:6px}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#94a3b80a 1px,#0000 1px),linear-gradient(90deg,#94a3b80a 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 100%);mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 100%)}.bg-mesh{pointer-events:none;z-index:0;background:radial-gradient(circle at 15% 10%,#d4af371a,#0000 40%),radial-gradient(circle at 85% 20%,#e8d5b71f,#0000 45%),radial-gradient(circle at 60% 90%,#b8976a1a,#0000 50%);animation:22s ease-in-out infinite alternate mesh-drift;position:fixed;inset:0}@keyframes mesh-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(2%,1%)scale(1.05)}}main,header{z-index:1;position:relative}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #d4af374d}50%{box-shadow:0 0 28px 4px #d4af3766}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-dot{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.2}}.animate-in{animation:.6s cubic-bezier(.16,1,.3,1) both fade-in-up}.animate-fade{animation:.8s both fade-in}.animate-pulse-glow{animation:2.4s ease-in-out infinite pulse-glow}.animate-float{animation:3.6s ease-in-out infinite float}.stagger-1{animation-delay:80ms}.stagger-2{animation-delay:.16s}.stagger-3{animation-delay:.24s}.stagger-4{animation-delay:.32s}.stagger-5{animation-delay:.4s}.stagger-6{animation-delay:.48s}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);border:1px solid var(--glass-border);border-radius:var(--r-lg);transition:background var(--transition), border-color var(--transition)}.glass:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.glass-card{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--r-lg);background:linear-gradient(145deg,#ffffff0a,#ffffff05);padding:24px;position:relative;overflow:hidden}@media (max-width:640px){.glass-card{border-radius:var(--r-md);padding:18px}}@media (max-width:380px){.glass-card{padding:14px}}.btn{border-radius:var(--r-sm);cursor:pointer;min-height:44px;transition:all var(--transition);white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}@media (max-width:640px){.btn{white-space:normal;text-align:center;line-height:1.25}}.btn-primary{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-blue));color:#252440;font-weight:600}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 32px -8px #d4af3799,0 0 32px -4px #c9a66b66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);border-color:var(--glass-border)}.btn-secondary:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--glass-bg)}.btn-block{width:100%}.input,.textarea,.select{border:1px solid var(--border-soft);width:100%;color:var(--text-primary);-webkit-text-fill-color:var(--text-primary);border-radius:var(--r-sm);appearance:none;min-height:44px;transition:all var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-tap-highlight-color:transparent;background:#ffffff08;outline:none;padding:12px 14px;font-family:inherit;font-size:14px}@media (max-width:640px){.input,.textarea,.select{font-size:16px}}.textarea{min-height:88px}input,textarea,select{-webkit-text-fill-color:inherit}input[type=color]{appearance:none}input:-webkit-autofill{transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;border-color:var(--border-soft)!important;-webkit-box-shadow:inset 0 0 0 1000px #141210f5!important}input:-webkit-autofill:hover{transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;border-color:var(--border-soft)!important;-webkit-box-shadow:inset 0 0 0 1000px #141210f5!important}input:-webkit-autofill:focus{transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;border-color:var(--border-soft)!important;-webkit-box-shadow:inset 0 0 0 1000px #141210f5!important}input:-webkit-autofill:active{transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;border-color:var(--border-soft)!important;-webkit-box-shadow:inset 0 0 0 1000px #141210f5!important}textarea:-webkit-autofill{transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;border-color:var(--border-soft)!important;-webkit-box-shadow:inset 0 0 0 1000px #141210f5!important}textarea:-webkit-autofill:hover{transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;border-color:var(--border-soft)!important;-webkit-box-shadow:inset 0 0 0 1000px #141210f5!important}textarea:-webkit-autofill:focus{transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;border-color:var(--border-soft)!important;-webkit-box-shadow:inset 0 0 0 1000px #141210f5!important}select:-webkit-autofill{transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;border-color:var(--border-soft)!important;-webkit-box-shadow:inset 0 0 0 1000px #141210f5!important}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}}@media (max-width:420px){.grid-4{grid-template-columns:1fr 1fr}}.grid-preview{grid-template-columns:380px 1fr;align-items:start;gap:24px;display:grid}@media (max-width:760px){.grid-preview{grid-template-columns:1fr;gap:18px}}.input::placeholder,.textarea::placeholder{color:#f5e1ce40;font-style:italic}:root[data-theme=light] .input::placeholder,:root[data-theme=light] .textarea::placeholder{color:#00002040}.input:hover,.textarea:hover,.select:hover{border-color:var(--border-strong);background:#ffffff0d}.input:focus,.textarea:focus,.select:focus{background:#ffffff0f;border-color:#d4af3780;box-shadow:0 0 0 4px #d4af3714}.textarea{resize:vertical;min-height:80px}label.label-soft{color:var(--text-secondary);letter-spacing:.01em;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.text-display{letter-spacing:-.04em;font-size:clamp(28px,5vw,56px);font-weight:700;line-height:1.05}.text-display-sm{letter-spacing:-.03em;font-size:clamp(22px,3.5vw,36px);font-weight:700;line-height:1.1}.text-h1{letter-spacing:-.02em;font-size:clamp(20px,2.5vw,24px);font-weight:600;line-height:1.25}.text-h2{letter-spacing:-.01em;font-size:clamp(16px,2vw,18px);font-weight:600;line-height:1.3}.text-h3{font-size:15px;font-weight:500;line-height:1.4}.text-body{color:var(--text-primary);font-size:14px;line-height:1.55}.text-secondary{color:var(--text-secondary);font-size:13px;line-height:1.6}.text-muted{color:var(--text-muted);font-size:12px;line-height:1.5}.text-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:11px;font-weight:500}.text-truncate{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.text-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-gradient{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-violet) 50%, var(--neon-pink));color:#0000;-webkit-background-clip:text;background-clip:text}.loading-dots{gap:6px;display:inline-flex}.loading-dots>span{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-violet));border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite pulse-dot}.loading-dots>span:nth-child(2){animation-delay:.15s}.loading-dots>span:nth-child(3){animation-delay:.3s}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,#ffffff0a 0%,#ffffff14 50%,#ffffff0a 100%) 0 0/200% 100%;animation:1.6s linear infinite shimmer}.chip{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.chip-cyan{color:var(--neon-cyan);background:#d4af3714;border-color:#d4af374d}.chip-violet{color:var(--neon-violet);background:#e8d5b714;border-color:#e8d5b74d}.chip-amber{color:var(--neon-amber);background:#e0b45814;border-color:#e0b4584d}.status-dot{background:var(--neon-cyan);width:8px;height:8px;box-shadow:0 0 12px var(--neon-cyan);border-radius:50%;animation:2s ease-in-out infinite pulse-glow;display:inline-block}.container-narrow{max-width:480px;margin:0 auto;padding:0 20px}.container-md{max-width:720px;margin:0 auto;padding:0 20px}.container-wide{max-width:1100px;margin:0 auto;padding:0 20px}@media (max-width:380px){.container-narrow,.container-md,.container-wide{padding:0 14px}}.app-header{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border-bottom:1px solid var(--border-subtle);padding:0 20px;padding-top:env(safe-area-inset-top);padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));height:calc(60px + env(safe-area-inset-top));background:#05070cb3;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.app-header>*{min-width:0}.app-header a{color:var(--text-secondary);transition:color var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;font-size:13px;text-decoration:none;overflow:hidden}.app-header a:hover{color:var(--text-primary)}@media (max-width:480px){.app-header{gap:8px;padding:0 14px}.app-header a{font-size:12px}}main{padding-bottom:env(safe-area-inset-bottom)}.app-header-nav{align-items:center;gap:18px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-violet));border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.brand-logo:after{content:"";background:linear-gradient(135deg, var(--neon-cyan), var(--neon-violet));filter:blur(12px);opacity:.4;z-index:-1;border-radius:13px;position:absolute;inset:-4px}.brand-name{letter-spacing:-.01em;font-size:14px;font-weight:600}.option-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-md);cursor:pointer;min-height:44px;transition:all var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;color:var(--text-primary);-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:100%;padding:14px;font-family:inherit}.option-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.option-card[data-selected=true]{background:#d4af3714;border-color:#d4af3766;box-shadow:inset 0 0 0 1px #d4af3733,0 0 20px -4px #d4af374d}.module-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);cursor:pointer;transition:all var(--transition);color:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:14px;padding:18px;text-decoration:none;display:flex;position:relative;overflow:hidden}.module-card:before{content:"";opacity:0;transition:opacity var(--transition);pointer-events:none;background:radial-gradient(circle at 30%,#d4af371a,#0000 50%);position:absolute;inset:0}.module-card:hover{border-color:#d4af374d;transform:translateY(-2px);box-shadow:0 12px 40px -12px #d4af3733}.module-card:hover:before{opacity:1}.module-icon{border-radius:var(--r-md);width:44px;height:44px;color:var(--neon-cyan);background:linear-gradient(135deg,#d4af3729,#e8d5b71f);border:1px solid #d4af372e;flex-shrink:0;justify-content:center;align-items:center;display:flex}.module-icon-violet{color:var(--neon-violet);background:linear-gradient(135deg,#e8d5b729,#f5e6d31f);border-color:#e8d5b733}.module-icon-amber{color:var(--neon-amber);background:linear-gradient(135deg,#e0b4582e,#b8976a24);border-color:#e0b45838}.divider{background:linear-gradient(90deg, transparent, var(--border-subtle), transparent);border:0;height:1px;margin:16px 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b829 padding-box padding-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b847 padding-box padding-box}::selection{color:var(--text-primary);background:#d4af374d}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes status-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.mobile-stack{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:640px){.mobile-stack{flex-direction:column;align-items:stretch}.mobile-stack>*{width:100%}}.grid-4-2-1{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (max-width:640px){.grid-4-2-1{grid-template-columns:repeat(2,1fr)}}@media (max-width:360px){.grid-4-2-1{grid-template-columns:1fr}}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}@media (max-width:480px){.grid-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}@media (max-width:640px){.mobile-bottom-bar{background:linear-gradient(180deg, transparent 0%, var(--bg-deep) 30%);padding:16px 0 calc(16px + env(safe-area-inset-bottom));z-index:10;margin:16px -20px 0;padding-left:20px;padding-right:20px;position:sticky;bottom:0;left:0;right:0}.hide-mobile{display:none!important}}@media (min-width:641px){.hide-desktop{display:none!important}}input[type=file]{-webkit-tap-highlight-color:transparent}input[type=range]{-webkit-tap-highlight-color:transparent;min-height:44px}input[type=color]{min-width:44px;min-height:44px}.fixed-mobile-safe{position:sticky}