*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080808;--border: rgba(255,255,255,.07);--text: #e8e8e8;--muted: #555;--accent-1: #c084fc;--accent-2: #f472b6;--surface: rgba(255,255,255,.03);--surface-1: rgba(255,255,255,.05);--font-display: "Playfair Display", serif;--font-body: "DM Sans", sans-serif;--grad-primary: linear-gradient(135deg, #a855f7, #ec4899);--surface-2: rgba(255,255,255,.06);--text-muted: rgba(255,255,255,.45);--text-dim: #555;--violet: #c084fc;--violet-dim: rgba(192,132,252,.1);--emerald: #10b981;--emerald-dim: rgba(16,185,129,.1);--red: #ef4444;--red-dim: rgba(239,68,68,.1);--pink: #f472b6;--border-hi: rgba(192,132,252,.3);--shadow-glow: 0 0 30px rgba(192,132,252,.15);--shadow-card: 0 24px 64px rgba(0,0,0,.5);--shadow-emerald: 0 0 30px rgba(16,185,129,.2);--grad-emerald: linear-gradient(135deg, #10b981, #34d399);--r-xl: 22px;--r-lg: 18px;--r-md: 12px;--r-sm: 8px}html,body{height:100%;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}::-webkit-scrollbar{display:none}body{font-family:var(--font-body);background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;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)'/%3E%3C/svg%3E");opacity:.032;pointer-events:none;z-index:1000}#root{min-height:100vh;display:flex;flex-direction:column}@keyframes waveAnim{0%{transform:scaleY(var(--min))}to{transform:scaleY(var(--max))}}@keyframes rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes notePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes ripple{0%{transform:scale(1);opacity:.6}to{transform:scale(1.4);opacity:0}}@keyframes bounce-dot{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.display{font-family:var(--font-display);font-weight:900;letter-spacing:-.03em;line-height:1}.display-lg{font-size:clamp(2.5rem,6vw,4rem)}.display-md{font-size:clamp(1.8rem,4vw,2.5rem)}.display-sm{font-size:clamp(1.3rem,3vw,1.75rem)}.label{font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.grad-text{background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.grad-text-emerald{background:var(--grad-emerald);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:all .18s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem;font-weight:500;border-radius:100px;padding:14px 28px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--grad-primary);color:#fff;border-radius:100px;box-shadow:0 4px 20px #a855f74d}.btn-primary:hover{box-shadow:0 8px 32px #a855f773;transform:translateY(-1px)}.btn-secondary{background:var(--surface-1);color:var(--text);border:1px solid var(--border);border-radius:100px}.btn-secondary:hover{background:var(--surface);border-color:#c084fc40}.btn-ghost{background:transparent;border:1px solid var(--border);border-radius:100px;color:#ffffff80;padding:9px 20px;font-size:13px;transition:all .2s}.btn-ghost:hover{color:var(--text);border-color:#ffffff26;background:var(--surface-1)}.btn-filled{background:var(--grad-primary);border:none;border-radius:100px;color:#fff;padding:9px 20px;font-size:13px;font-weight:500;transition:all .2s}.btn-filled:hover{transform:translateY(-1px);box-shadow:0 6px 20px #a855f766}.btn-emerald{background:var(--grad-emerald);color:#fff;border-radius:100px;box-shadow:0 4px 20px #10b9814d}.btn-emerald:hover{box-shadow:0 8px 32px #10b98180;transform:translateY(-1px)}.btn-icon{width:52px;height:52px;border-radius:50%;padding:0;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.btn-sm{padding:8px 18px;font-size:.875rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:24px}.card-glass{background:#080808b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:22px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.badge-violet{background:#c084fc1a;color:var(--accent-1);border:1px solid rgba(192,132,252,.2)}.badge-emerald{background:#10b9811a;color:#6ee7b7;border:1px solid rgba(16,185,129,.2)}.badge-category{background:#ffffff0f;color:var(--text-muted);border:1px solid var(--border)}.idea-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:18px;color:var(--text);font-family:var(--font-body);font-size:1rem;font-weight:300;padding:20px 22px;resize:none;outline:none;transition:border-color .2s ease;line-height:1.5}.idea-input::placeholder{color:var(--muted)}.idea-input:focus{border-color:#c084fc59}.input-wrap textarea{width:100%;min-height:160px;background:#ffffff08;border:1px solid var(--border);border-radius:18px;padding:20px 22px;font-family:var(--font-body);font-weight:300;font-size:16px;color:var(--text);resize:none;outline:none;transition:border-color .2s}.input-wrap textarea:focus{border-color:#c084fc59}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:640px;margin:0 auto;padding:0 20px}.container-wide{width:100%;max-width:880px;margin:0 auto;padding:0 20px}.nav{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:18px 36px;background:#080808a6;border-bottom:1px solid var(--border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.nav-logo{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:20px;font-weight:900;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;text-decoration:none;border:none;outline:none}.nav-logo-wave{display:flex;align-items:center;gap:2px;height:16px}.nav-logo-bar{width:2px;border-radius:10px;background:linear-gradient(to top,var(--accent-2),var(--accent-1));opacity:.85;animation:waveAnim var(--dur) ease-in-out infinite alternate;transform-origin:bottom center}.nav-right{display:flex;align-items:center;gap:10px}.corner-tl{position:fixed;top:22px;left:22px;width:44px;height:44px;border-top:1px solid var(--accent-1);border-left:1px solid var(--accent-1);opacity:.12;pointer-events:none;z-index:5}.side-wave{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:400;display:flex;flex-direction:column;align-items:flex-end;gap:3px;transition:opacity .5s ease;cursor:pointer}.side-note{margin-bottom:12px;opacity:.45;animation:notePulse 3s ease-in-out infinite;display:flex;justify-content:flex-end}.side-bar{height:2.5px;border-radius:10px;background:linear-gradient(to left,var(--accent-1),var(--accent-2));transition:width .35s cubic-bezier(.34,1.56,.64,1),opacity .35s ease;width:8px;opacity:.18}.side-bar:hover{opacity:1!important}.blob{position:fixed;border-radius:50%;filter:blur(130px);pointer-events:none;z-index:0}.blob-1{width:700px;height:600px;background:radial-gradient(circle,rgba(192,132,252,.16) 0%,transparent 70%);top:-250px;left:-150px}.blob-2{width:500px;height:500px;background:radial-gradient(circle,rgba(244,114,182,.12) 0%,transparent 70%);bottom:-150px;right:-100px}.blob-3{width:350px;height:350px;background:radial-gradient(circle,rgba(129,140,248,.1) 0%,transparent 70%);top:40%;left:55%}.section-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-eyebrow .el{width:28px;height:1px}.section-eyebrow .el.l{background:linear-gradient(90deg,transparent,var(--accent-1))}.section-eyebrow .el.r{background:linear-gradient(90deg,var(--accent-2),transparent)}.section-eyebrow span{font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-1);opacity:.75}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;position:sticky;top:0;z-index:50}.logo-mark{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:900;font-size:1.1rem;color:var(--text);text-decoration:none}.logo-icon{width:28px;height:28px;border-radius:8px;background:var(--grad-primary);display:flex;align-items:center;justify-content:center;font-size:.9rem}.swipe-card{width:320px;background:var(--surface-1);border:1px solid var(--border);border-radius:22px;padding:32px 28px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;position:relative;box-shadow:0 24px 64px #00000080;will-change:transform}.swipe-card:active{cursor:grabbing}.swipe-hint{position:absolute;top:20px;padding:6px 14px;border-radius:100px;font-size:.8rem;font-weight:700;opacity:0;transition:opacity .15s;pointer-events:none}.swipe-hint-right{right:20px;background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.swipe-hint-left{left:20px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.week-tab{padding:10px 20px;border-radius:100px;font-size:.875rem;font-weight:500;background:transparent;color:var(--muted);border:1px solid var(--border);transition:all .18s ease}.week-tab.active{background:#c084fc1a;color:var(--accent-1);border-color:#c084fc33}.day-row{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--border)}.day-row:last-child{border-bottom:none}.day-num{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:var(--surface-1);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--muted)}.loading-dots{display:flex;gap:6px;align-items:center;justify-content:center}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--accent-1);animation:bounce-dot 1.2s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}.cursor-blink{display:inline-block;width:2px;height:1.1em;background:var(--accent-1);border-radius:1px;animation:blink 1.1s step-end infinite;vertical-align:text-bottom;margin-left:2px}.divider{height:1px;background:var(--border)}.results-header{text-align:center;padding:100px 24px 40px}.results-eyebrow{font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-1);opacity:.7;margin-bottom:14px}.results-title{font-family:var(--font-display);font-size:clamp(40px,7vw,72px);font-weight:900;letter-spacing:-.03em;line-height:1;margin-bottom:20px}.results-title em{font-style:italic;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-idea{display:inline-block;padding:10px 20px;background:var(--surface);border:1px solid var(--border);border-radius:100px;font-size:13px;font-weight:300;color:#ffffff73;max-width:560px}.tabs-bar{display:flex;gap:6px;padding:16px 24px;overflow-x:auto;scrollbar-width:none;justify-content:center;flex-wrap:wrap}.tabs-bar::-webkit-scrollbar{display:none}.tab-pill{padding:8px 18px;border-radius:100px;font-size:12px;font-weight:500;font-family:var(--font-body);border:1px solid var(--border);background:transparent;color:#fff6;cursor:pointer;transition:all .2s;white-space:nowrap}.tab-pill.active{background:linear-gradient(135deg,#a855f7,#ec4899);border-color:transparent;color:#fff}.tab-pill:not(.active):hover{background:var(--surface);color:var(--text)}.music-ripples{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.ripple{position:absolute;border-radius:50%;border:1px solid rgba(192,132,252,.2);animation:ripple 3s ease-out infinite}.ripple:nth-child(1){width:160px;height:160px;animation-delay:0s}.ripple:nth-child(2){width:260px;height:260px;animation-delay:1s}.ripple:nth-child(3){width:380px;height:380px;animation-delay:2s}.music-waveform{display:flex;align-items:center;gap:3px;height:60px;margin:24px 0 20px}.music-bar{width:3px;border-radius:10px;background:linear-gradient(to top,var(--accent-2),var(--accent-1));animation:waveAnim var(--dur) ease-in-out infinite alternate;transform-origin:bottom center}@media(max-width:600px){.swipe-card{width:calc(100vw - 48px);max-width:320px}.container{padding:0 16px}.nav{padding:16px 20px}.results-header{padding:80px 16px 32px}}