@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--angle:0deg}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.min-h-screen{min-height:100vh}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg:#0a0a0a;--surface:#111;--surface-2:#1a1a1a;--surface-3:#242424;--border:#2e2e2e;--text:#f5f5f5;--text-muted:#888;--text-dim:#555;--green:#22c55e;--green-dim:#16a34a;--green-glow:#22c55e26;--bottom-nav-height:64px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;width:100%;overflow-x:hidden}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-x:none;width:100%;max-width:100vw;font-family:DM Sans,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@media (max-width:768px){::-webkit-scrollbar{display:none}*{scrollbar-width:none}}::selection{background:#22c55e40}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:200px 200px}.glow-card{box-shadow:0 0 0 1px var(--border),0 0 40px var(--green-glow)}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.gradient-border{background:linear-gradient(var(--surface-2),var(--surface-2))padding-box,linear-gradient(var(--angle),var(--green-dim),transparent,var(--green))border-box;border:1px solid #0000;animation:4s linear infinite rotate-border}@keyframes rotate-border{to{--angle:360deg}}.waveform-bar{background:var(--green);border-radius:2px;width:3px;animation:1.2s ease-in-out infinite wave;display:inline-block}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.badge-live{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.badge-pending{color:#fbbf24;background:#eab30826;border:1px solid #eab3084d}.badge-generating{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.badge-error{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.btn-primary{background:var(--green);color:#000;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;-webkit-font-smoothing:antialiased;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;line-height:1.4;transition:all .15s;display:inline-flex;overflow:hidden}.btn-primary:hover{background:#4ade80;transform:translateY(-1px);box-shadow:0 4px 20px #22c55e4d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary svg,.btn-primary>:first-child{flex-shrink:0}.btn-secondary{background:var(--surface-3);color:var(--text);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;line-height:1.4;transition:all .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--text-dim)}@media (max-width:768px){.btn-primary{white-space:nowrap;border-radius:12px;padding:14px 20px;font-size:15px;line-height:1.4}.btn-primary:hover{box-shadow:none;transform:none}.btn-primary:active{opacity:.82;transform:scale(.97)}.btn-secondary{white-space:nowrap;border-radius:12px;padding:14px 20px;font-size:15px}}.input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--green);box-shadow:0 0 0 3px #22c55e1a}.input::placeholder{color:var(--text-dim)}@media (max-width:768px){.input{border-radius:12px;padding:12px 14px;font-size:16px}textarea.input,select.input{font-size:16px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}@media (max-width:768px){.card{border-radius:16px;padding:16px}}.sidebar-link{color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{background:var(--surface-2);color:var(--text)}.sidebar-link.active{color:var(--green);background:#22c55e1a}.bottom-nav{display:none}@media (max-width:768px){.bottom-nav{z-index:100;-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border);padding:6px 8px;padding-bottom:calc(6px + var(--safe-bottom));background:#0b0b0bf5;justify-content:space-around;align-items:flex-end;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-dim);cursor:pointer;letter-spacing:.01em;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:52px;padding:4px 8px 2px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.bottom-nav-item.active{color:var(--green)}.bottom-nav-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:32px;transition:all .15s;display:flex}.bottom-nav-item.active .bottom-nav-icon{background:#22c55e1f}.bottom-nav-item.nav-generate{color:#000}.bottom-nav-item.nav-generate .bottom-nav-icon{background:var(--green);border-radius:14px;width:44px;height:38px;margin-bottom:2px;box-shadow:0 4px 20px #22c55e66}.bottom-nav-item.nav-generate .bottom-nav-label{color:var(--text-muted);font-size:10px}}.mobile-header{display:none}@media (max-width:768px){.mobile-header{border-bottom:1px solid var(--border);z-index:50;-webkit-backdrop-filter:blur(16px);background:#0b0b0bf2;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}}.dash-layout{background:var(--bg);min-height:100vh;display:flex;overflow-x:hidden}.dash-sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:40;flex-direction:column;flex-shrink:0;width:220px;display:flex;position:fixed;top:0;bottom:0;left:0}.dash-main{flex:1;min-width:0;min-height:100vh;margin-left:220px;overflow-x:hidden}@media (max-width:768px){.dash-sidebar{display:none}.dash-main{width:100%;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 12px);margin-left:0;overflow-x:hidden}}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.stats-grid .card{padding:14px}.stats-grid .stat-value{font-size:22px!important}.track-date,.track-duration{display:none!important}.track-row{padding:10px 12px!important}}.generate-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}@media (max-width:768px){.generate-grid{grid-template-columns:1fr;gap:12px}}.landing-section-pad{text-align:center;max-width:1200px;margin:0 auto;padding:100px 24px 80px}@media (max-width:768px){.landing-section-pad{padding:56px 20px 48px}}.landing-stats{flex-wrap:wrap;justify-content:center;gap:48px;margin-top:64px;display:flex}@media (max-width:768px){.landing-stats{grid-template-columns:1fr 1fr;gap:0;margin-top:40px;display:grid}.landing-stats>div{border-top:1px solid var(--border);padding:16px 8px}.landing-stats>div:nth-child(2n){border-left:1px solid var(--border)}}.landing-timeline-grid{grid-template-columns:1fr 1fr 1fr;gap:32px;display:grid}@media (max-width:768px){.landing-timeline-grid{grid-template-columns:1fr;gap:20px}}.landing-how-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}@media (max-width:768px){.landing-how-grid{grid-template-columns:1fr;gap:14px}}.landing-earnings-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}@media (max-width:768px){.landing-earnings-grid{grid-template-columns:1fr;gap:12px}}.landing-pricing-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}@media (max-width:768px){.landing-pricing-grid{grid-template-columns:1fr}}.landing-cta-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (max-width:768px){.landing-cta-row{flex-direction:column;align-items:stretch;padding:0 8px}.landing-cta-row a,.landing-cta-row button{text-align:center;justify-content:center}}.landing-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:flex}@media (max-width:768px){.landing-footer-inner{text-align:center;flex-direction:column;align-items:center;gap:12px}}.hide-desktop{display:none!important}@media (max-width:768px){.hide-mobile{display:none!important}.hide-desktop{display:block!important}.mobile-full{width:100%!important}.mobile-col{flex-direction:column!important}.mobile-pad{padding:20px 16px!important}.mobile-h1{letter-spacing:-.5px!important;font-size:22px!important}}.landing-two-col{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}@media (max-width:768px){.landing-two-col{grid-template-columns:1fr!important;gap:28px!important;padding:28px 20px!important}section{padding-left:16px!important;padding-right:16px!important}.landing-section-pad{max-width:100%!important}}.dash-padding{box-sizing:border-box;width:100%;padding:32px}@media (max-width:768px){.dash-padding{width:100%;max-width:100%;padding:20px 16px;overflow-x:hidden}.dash-padding>*,.dash-padding [style*=maxWidth]{box-sizing:border-box;max-width:100%!important}}.catalog-stats-row{gap:12px;margin-bottom:24px;display:flex}@media (max-width:768px){.catalog-stats-row{gap:8px}.catalog-stats-row>div{flex:1;min-width:0;padding:10px 12px!important}.track-date,.track-duration{display:none!important}}.btn-primary:focus-visible,.btn-primary:focus,.btn-secondary:focus-visible,.btn-secondary:focus{box-shadow:none;outline:none}@media (max-width:768px){.style-chips-card{padding:20px 18px}.style-chips-card button[style*="borderRadius: 20"]{padding:7px 14px!important;font-size:13px!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}