*{box-sizing:border-box}:root{--bg:#0b0b10;--card:#16161f;--line:#2a2a38;--text:#f2f2f7;--muted:#9a9aa8;--accent:#ff4d8d}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.wrap{max-width:560px;margin:0 auto;padding:32px 20px 80px}h1{font-size:26px;margin:0 0 4px}.sub{color:var(--muted);margin:0 0 28px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:18px}label{display:block;font-size:13px;color:var(--muted);margin:0 0 6px}input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=text]{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:#0f0f17;color:var(--text);font-size:15px}.field{margin-bottom:16px}.row{display:flex;gap:12px}.row>.field{flex:1 1}.colors{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.swatch{position:relative}.swatch input[type=color]{width:46px;height:46px;border:none;border-radius:10px;background:none;cursor:pointer;padding:0}.swatch button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:none;background:#000;color:#fff;cursor:pointer;font-size:12px;line-height:20px;text-align:center}button.add,button.primary{border:none;border-radius:10px;cursor:pointer;font-weight:600}button.add{background:#23232f;color:var(--text);padding:12px 14px}button.primary{background:linear-gradient(135deg,#ff4d8d,#b65bff);color:#fff;padding:14px;width:100%;font-size:16px;margin-top:4px;box-shadow:0 10px 24px -8px rgba(182,91,255,.5);transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px -8px rgba(182,91,255,.65)}button.primary:active:not(:disabled){transform:translateY(0)}button.primary:disabled{opacity:.5;cursor:default}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,77,141,.15)}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:28px 20px;position:relative;overflow:hidden;background:radial-gradient(1100px 560px at 18% -12%,rgba(255,77,141,.2),transparent 60%),radial-gradient(900px 480px at 112% 8%,rgba(120,92,255,.22),transparent 55%),radial-gradient(760px 760px at 50% 124%,rgba(0,190,255,.14),transparent 60%),var(--bg)}.auth-card{width:100%;max-width:400px;position:relative;z-index:1;background:rgba(22,22,31,.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.09);border-radius:24px;padding:32px 26px 26px;box-shadow:0 36px 90px -24px rgba(0,0,0,.8)}.brand{flex-direction:column;gap:14px;margin-bottom:24px}.brand,.wordmark{display:flex;align-items:center}.wordmark{gap:10px}.brand h1{font-size:27px;margin:0;letter-spacing:-.5px}.brand .tagline{color:var(--muted);font-size:13.5px;margin:0;text-align:center}.lights{display:flex;gap:11px}.lights span{width:15px;height:15px;border-radius:50%;box-shadow:0 0 16px currentColor;animation:lightpulse 1.7s ease-in-out infinite}.lights span:first-child{color:#ff3b6b;background:#ff3b6b;animation-delay:0s}.lights span:nth-child(2){color:#ffd23b;background:#ffd23b;animation-delay:.18s}.lights span:nth-child(3){color:#3bff7a;background:#3bff7a;animation-delay:.36s}.lights span:nth-child(4){color:#3b9bff;background:#3b9bff;animation-delay:.54s}.lights span:nth-child(5){color:#b65bff;background:#b65bff;animation-delay:.72s}@keyframes lightpulse{0%,to{transform:scale(.62);opacity:.35}50%{transform:scale(1.08);opacity:1}}.auth-card .field{margin-bottom:14px}.auth-card form{margin:0}.auth-error{background:#3a1414;border:1px solid #7a2a2a;color:#f3a3a3;padding:10px 12px;border-radius:10px;font-size:13px;margin-top:12px}.auth-foot{text-align:center;color:var(--muted);font-size:13.5px;margin:18px 0 4px}@media (prefers-reduced-motion:reduce){.lights span{animation:none;opacity:.9;transform:none}}.preview{display:flex;height:56px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.preview>div{flex:1 1}.warn{background:#3a2e10;border:1px solid #6b541b;color:#f0d27a;padding:10px 12px;border-radius:10px;font-size:13px;margin-top:10px}.result{text-align:center}.result img{width:240px;height:240px;background:#fff;border-radius:12px;padding:10px}.linkbox{display:flex;gap:8px;margin-top:14px}.linkbox input{flex:1 1}.muted{color:var(--muted);font-size:13px}a.dl{color:var(--accent);text-decoration:none;font-weight:600}.topbar{align-items:flex-start;gap:12px}.linkcard,.topbar{display:flex;justify-content:space-between}.linkcard{align-items:center;text-decoration:none;color:var(--text)}.linkcard:hover{border-color:var(--accent)}select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:#0f0f17;color:var(--text);font-size:15px}h2{font-size:20px}h3{font-size:17px}.qr-skeleton{background:#0f0f17;border:1px solid var(--line);border-radius:12px;margin:0 auto}.landing{min-height:100dvh;display:grid;place-items:center;padding:40px 20px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(1100px 560px at 20% -10%,rgba(255,77,141,.22),transparent 60%),radial-gradient(900px 480px at 110% 6%,rgba(120,92,255,.24),transparent 55%),var(--bg)}.landing-inner{max-width:560px}.landing-logo{display:flex;justify-content:center;margin-bottom:18px}.landing h1{font-size:40px;margin:0 0 14px;letter-spacing:-1px}.landing-tag{color:var(--muted);font-size:17px;line-height:1.5;margin:0 auto 30px;max-width:460px}.landing-cta{display:flex;flex-direction:column;gap:12px;align-items:center;margin-bottom:40px}.btn-appstore{display:inline-block;background:#fff;color:#000;font-weight:700;padding:15px 28px;border-radius:14px;text-decoration:none;font-size:17px;min-width:280px;transition:transform .12s ease}.btn-appstore:hover{transform:translateY(-1px)}.btn-ghost{color:var(--muted);text-decoration:none;font-size:14px}.btn-ghost:hover{color:var(--text)}.landing-how{display:flex;flex-direction:column;gap:10px;max-width:420px;margin:0 auto;text-align:left}.how-step{color:var(--muted);font-size:14.5px;display:flex;align-items:center;gap:12px}.how-step span{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#ff4d8d,#b65bff);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}.seg{display:inline-flex;background:#0f0f17;border:1px solid var(--line);border-radius:10px;padding:3px;gap:3px}.tab{border:none;background:transparent;color:var(--muted);padding:7px 14px;border-radius:8px;cursor:pointer;font-size:13px}.tab.on{background:var(--accent);color:#fff;font-weight:600}.colorrow{display:flex;align-items:center;gap:8px;margin-bottom:8px}.colorrow input[type=color]{width:44px;height:44px;border:none;border-radius:10px;background:none;cursor:pointer;padding:0;flex-shrink:0}.durwrap{display:flex;align-items:center;gap:5px}.durwrap input{width:72px;padding:9px 8px}.durwrap span{color:var(--muted);font-size:13px}.imgbtn{display:inline-flex;align-items:center;gap:4px;cursor:pointer;background:#23232f;color:var(--text);border:1px solid var(--line);padding:9px 12px;border-radius:10px;font-size:13px;white-space:nowrap}.imgthumb{position:relative;width:44px;height:44px;flex-shrink:0}.imgthumb img{width:44px;height:44px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.imgthumb button{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:#000;color:#fff;font-size:11px;line-height:18px}.colorrow .rm,.imgthumb button{border-radius:50%;border:none;cursor:pointer}.colorrow .rm{margin-left:auto;width:28px;height:28px;background:#2a2a38;color:#f3a3a3;flex-shrink:0}