.sn{--bg:#0d0d0d;--bg2:#121212;--card:#ffffff0d;--border:#ffffff1a;--accent:#ff6b35;--accent2:#ff3d8b;--text:#fff;--muted:#a3a3a3;--head:var(--font-manrope,"Manrope",sans-serif);--body:var(--font-inter,"Inter",sans-serif);background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}.sn *{box-sizing:border-box;margin:0;padding:0}.sn a{color:inherit;text-decoration:none}.sn h1,.sn h2,.sn h3{font-family:var(--head)}.sn .wrap{max-width:1080px;margin:0 auto;padding:0 22px}.sn .grad{background:linear-gradient(100deg,var(--accent),var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text}.sn .hero{text-align:center;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.sn .glow{filter:blur(120px);pointer-events:none;border-radius:50%;position:absolute}.sn .g1{background:#ff6b3552;width:560px;height:560px;top:-160px;left:-120px}.sn .g2{background:#d93c8c42;width:640px;height:640px;top:10%;left:50%;transform:translate(-50%)}.sn .g3{background:#7c5cff38;width:520px;height:520px;bottom:-180px;right:-140px}.sn .hero .wrap{z-index:2;flex-direction:column;align-items:center;padding-top:80px;padding-bottom:70px;display:flex;position:relative}.sn .badges{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sn .badges span{color:#e8e8e8;border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff12;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.sn .hero h1{letter-spacing:-.03em;max-width:900px;margin-top:26px;font-size:clamp(40px,7vw,84px);font-weight:800;line-height:1.04}.sn .hero .sub{color:#d9d9d9;max-width:560px;margin-top:20px;font-size:clamp(16px,2vw,20px)}.sn .hint{color:var(--muted);margin-top:18px;font-size:14px}.sn .prompt-card{text-align:left;border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#120e14c7;border-radius:22px;width:100%;max-width:760px;margin-top:34px;padding:16px 16px 12px;transition:border-color .2s;box-shadow:0 24px 80px #00000073}.sn .prompt-card:focus-within{border-color:#ff6b358c}.sn .prompt-card.err{border-color:#ff4d5ab3}.sn .prompt-card textarea{resize:none;width:100%;color:var(--text);font-family:var(--body);background:0 0;border:none;outline:none;min-height:54px;padding:6px 6px 2px;font-size:17px;line-height:1.45}.sn .prompt-card textarea::placeholder{color:#ffffff61}.sn .err-msg{color:#ff8d96;padding:2px 6px 6px;font-size:13px}.sn .prompt-row{align-items:center;gap:12px;margin-top:8px;display:flex}.sn .chips{scrollbar-width:none;flex:1;gap:8px;min-width:0;padding:4px 2px;display:flex;overflow-x:auto}.sn .chips::-webkit-scrollbar{display:none}.sn .chip{font-family:var(--body);color:#d6d6d6;border:1px solid var(--border);cursor:pointer;background:#ffffff0f;border-radius:999px;flex:none;padding:8px 13px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.sn .chip:hover{background:#ffffff1f}.sn .chip.on{color:#fff;background:#ff6b3529;border-color:#ff6b35a6}.sn .create-btn{font-family:var(--head);color:#fff;cursor:pointer;background:linear-gradient(120deg,var(--accent),var(--accent2));border:none;border-radius:999px;flex:none;align-items:center;gap:8px;padding:13px 26px;font-size:16px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 36px #ff506e66}.sn .create-btn:hover{transform:translateY(-1px);box-shadow:0 14px 44px #ff506e8c}.sn .create-btn.lg{padding:17px 34px;font-size:17px}.sn .s{padding:90px 0}.sn .s-head{text-align:center;max-width:640px;margin:0 auto 44px}.sn .s-head h2{letter-spacing:-.02em;font-size:clamp(26px,3.6vw,40px);font-weight:800;line-height:1.12}.sn .s-head p{color:var(--muted);margin-top:12px;font-size:16px}.sn .why-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.sn .why{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px}.sn .why .ic{font-size:26px}.sn .why h3{margin-top:12px;font-size:17px;font-weight:700}.sn .why p{color:var(--muted);margin-top:6px;font-size:14px}.sn .tracks{grid-template-columns:1fr;gap:14px;max-width:720px;margin:0 auto;display:grid}.sn .track{background:var(--card);border:1px solid var(--border);border-radius:16px;align-items:center;gap:16px;padding:16px 18px;transition:border-color .25s,background .25s;display:flex}.sn .track.is-playing{background:#ff6b350d;border-color:#ff6b3573}.sn .play{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:15px;transition:transform .2s;display:grid;box-shadow:0 6px 20px #ff506e59}.sn .play:hover{transform:scale(1.06)}.sn .track .meta{flex:1;min-width:0}.sn .track .meta h4{font-family:var(--head);font-size:16px;font-weight:700}.sn .track .meta>span{color:var(--muted);font-size:13px}.sn .wave{align-items:center;gap:3px;height:26px;margin-top:8px;display:flex}.sn .wave i{background:#ffffff40;border-radius:2px;width:3px}.sn .track.is-playing .wave i{background:#ff6b35b3;animation:1s ease-in-out infinite sneq}@keyframes sneq{0%,to{height:18%}50%{height:100%}}.sn .seek-row{align-items:center;gap:10px;margin-top:10px;display:flex}.sn .seek-row .t{color:var(--muted);font-variant-numeric:tabular-nums;min-width:30px;font-size:11px}.sn .seek-row .t.r{text-align:right}.sn .seek{cursor:pointer;touch-action:none;background:#ffffff24;border-radius:999px;flex:1;height:6px;position:relative}.sn .seek-fill{background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px;height:100%;position:absolute;top:0;left:0}.sn .seek-knob{background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 5px #00000073}.sn .vol-btn{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;font-size:14px;display:grid}.sn .vol-btn:hover{color:#fff}.sn .vol{width:70px;height:4px;accent-color:var(--accent);cursor:pointer;flex:none}.sn .final-cta{text-align:center;margin-top:40px}.sn .legal{text-align:center;color:#ffffff59;padding:10px 22px 34px;font-size:12px}@media (prefers-reduced-motion:no-preference){html:has(.sn){scroll-behavior:smooth}}@media (max-width:900px){.sn .why-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.sn .why-grid{grid-template-columns:1fr}.sn .vol{display:none}.sn .prompt-row{flex-wrap:wrap}.sn .create-btn{justify-content:center;width:100%}}