:root{--text:#5d688f;--text-h:#0c1e47;--bg:#fef9ff;--border:#dfddf4;--code-bg:#f4f7ff;--accent:#ff2fa6;--accent-bg:#ff2fa61f;--accent-border:#ff2fa685;--social-bg:#f8f5ff8f;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#b7c5e6;--text-h:#f9f4ff;--bg:#071634;--border:#223a70;--code-bg:#102955;--accent:#84ebe3;--accent-bg:#84ebe32e;--accent-border:#84ebe380;--social-bg:#11244b8f;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#cce8ff;--bg-soft:#b9ddff;--accent:#ff2fa6;--accent-soft:#ff2fa62e;--accent-strong:#7fdfff;--pink-btn-soft:#ff2fa657;--pink-btn-soft-strong:#ff2fa680;--button-text:#4b1029;--text-main:#12345f;--text-muted:#355d7a;--border-subtle:#17306a29;--danger:#ff4d9f}.app-root{background:radial-gradient(circle at top, #b4d8ff 0, var(--bg) 58%);min-height:100vh;color:var(--text-main);justify-content:center;align-items:stretch;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;display:flex}.screen{border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);background:linear-gradient(#ffffff80,#0000 35%),radial-gradient(circle at bottom,#ff2fa624,#0000 60%),radial-gradient(circle at 0 0,#66baff57,#0000 52%);flex-direction:column;width:100%;max-width:480px;min-height:100vh;display:flex}.top-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:10;background:linear-gradient(#cce8fff5,#cce8ffe0);justify-content:space-between;align-items:center;padding:16px 18px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:8px;min-width:0;display:inline-flex}.brand-logo{filter:drop-shadow(0 5px 12px #ff2fa64d);flex-shrink:0}.brand{letter-spacing:.04em;text-transform:none;color:#17306a;font-family:Avenir Next,Trebuchet MS,Gill Sans,sans-serif;font-size:13px;font-weight:700}.brand-four{letter-spacing:0;font-family:Bodoni MT,Didot,Times New Roman,serif;font-size:1.2em;font-weight:700;line-height:1;display:inline-block;transform:translateY(1px)}.brand-four-blue{color:#173a9f}.brand-four-pink{color:#ff1ea8}.pill{background:var(--pink-btn-soft);color:var(--button-text);border:1px solid #12345f29;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600}.screen button{color:var(--button-text);border:1px solid #ffffffeb}.content{padding:20px 18px 120px;overflow-y:auto}.title{margin-bottom:6px;font-size:26px;line-height:1.1}.subtitle{color:var(--text-muted);margin-bottom:18px;font-size:14px}.search-form{gap:10px;margin-bottom:14px;display:flex}.account-form{flex-direction:column;gap:12px;display:flex}.field-label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.field-input{box-sizing:border-box;width:100%}.profile-preview{object-fit:cover;border:1px solid var(--border-subtle);border-radius:50%;width:84px;height:84px}.toggle-row{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.search-input{border:1px solid var(--border-subtle);color:var(--text-main);background:#ffffffbd;border-radius:999px;flex:1;padding:10px 12px;font-size:14px}.search-input::placeholder{color:#4d708f}.primary-btn{background:var(--pink-btn-soft-strong);color:var(--button-text);cursor:pointer;border:none;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;box-shadow:0 10px 24px #ff2fa647}.primary-btn:disabled{opacity:.7;cursor:default;box-shadow:none}.primary-btn-wide{justify-content:center;width:100%}.error-text{color:var(--danger);margin-bottom:10px;font-size:13px}.chips-row{flex-wrap:nowrap;gap:8px;margin-bottom:10px;padding-bottom:4px;display:flex;overflow-x:auto}.chip{border:1px solid var(--border-subtle);background:var(--pink-btn-soft);color:var(--button-text);white-space:nowrap;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px}.chip-selected{border-color:var(--accent-soft);background:var(--pink-btn-soft-strong);color:var(--button-text);font-weight:600}.search-results{border:1px solid var(--border-subtle);background:#ebfffcf5;border-radius:18px;max-height:260px;margin-top:6px;overflow-y:auto}.result-row{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.result-row+.result-row{border-top:1px solid #ffffff0a}.result-row-selected{background:#ffffff05}.result-artwork{object-fit:cover;border-radius:10px;width:40px;height:40px}.result-meta{flex-direction:column;flex:1;display:flex}.song-title{font-size:14px;font-weight:500}.song-artist{color:var(--text-muted);font-size:12px}.result-badge{background:var(--pink-btn-soft);color:var(--button-text);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600}.moods{margin-top:18px}.section-title{margin-bottom:8px;font-size:14px}.bottom-bar{border-top:1px solid var(--border-subtle);background:linear-gradient(#d6f7f2db,#d6f7f2fa);width:100%;max-width:480px;padding:12px 16px 18px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.survey-screen .content{padding-bottom:140px}.feed-screen{overflow:hidden}.tab-row{border-bottom:1px solid var(--border-subtle);gap:8px;padding:10px 14px;display:flex;overflow-x:auto}.account-mode-tabs{margin:0 -4px 12px;padding-left:4px;padding-right:4px}.header-actions{align-items:center;gap:8px;display:flex}.feed-top-bar{gap:10px}.feed-top-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.global-clip-search{flex:1;min-width:0;position:relative}.global-search-input{box-sizing:border-box;width:100%}.global-search-results{border:1px solid var(--border-subtle);z-index:20;background:#ebfffcf7;border-radius:14px;max-height:280px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.global-search-message{margin:0;padding:10px 12px}.global-search-result-row{text-align:left}.mini-btn{border:1px solid var(--border-subtle);background:var(--pink-btn-soft);color:var(--button-text);cursor:pointer;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:600}.tab-btn{border:1px solid var(--border-subtle);background:var(--pink-btn-soft);color:var(--button-text);cursor:pointer;border-radius:999px;flex:1;padding:8px 10px;font-size:12px;font-weight:600}.tab-btn-active{background:var(--pink-btn-soft-strong);color:var(--button-text);border-color:#ff2fa680}.feed-screen .tab-row .tab-btn{background-image:linear-gradient(90deg, var(--accent), var(--accent-strong));color:#fff;background-size:560% 100%;border-color:#ffffffeb}.feed-screen .tab-row .tab-btn:first-child{background-position:0%}.feed-screen .tab-row .tab-btn:nth-child(2){background-position:20%}.feed-screen .tab-row .tab-btn:nth-child(3){background-position:40%}.feed-screen .tab-row .tab-btn:nth-child(4){background-position:60%}.feed-screen .tab-row .tab-btn:nth-child(5){background-position:80%}.feed-screen .tab-row .tab-btn:nth-child(6){background-position:100%}.feed-screen .tab-row .tab-btn:nth-child(7){background-position:10%}.feed-screen .tab-row .tab-btn-active{color:#fff;box-shadow:inset 0 0 0 1px #ffffff80}.swipe-main{flex:1;padding:16px 14px 18px;display:flex}.deck{flex-direction:column;gap:12px;width:100%;display:flex}.dating-filters{border:1px solid var(--border-subtle);background:#ffffffb8;border-radius:14px;padding:10px}.dating-filter-row{margin-bottom:0}.swipe-card{touch-action:none;background:radial-gradient(circle at top,#bfeee8,#d6f7f2);border:1px solid #ffffff14;border-radius:24px;flex:1;justify-content:center;align-items:center;min-height:60vh;transition:transform .16s;display:flex;position:relative;overflow:hidden}.photo-post-card{flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex}.photo-post-media{flex:1;min-height:0;position:relative}.photo-post-meta{background:#0e1a40d1;border-top:1px solid #ffffff24;gap:4px;padding:8px 10px 10px;display:grid}.photo-post-meta .song-title,.photo-post-meta .song-artist,.photo-post-meta .card-artist{color:#f8fbff;text-shadow:0 2px 8px #000000b3;margin:0;line-height:1.25}.photo-post-meta .song-title{font-size:13px}.photo-post-meta .song-artist,.photo-post-meta .card-artist{font-size:12px}.swipe-chip{letter-spacing:.08em;z-index:7;color:#fff;text-shadow:0 2px 8px #000000bf;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700;position:absolute;top:18px;left:16px;box-shadow:0 6px 16px #0006}.swipe-like{color:#fff;background:#0f947cd1;border:1px solid #c8fff5e6}.swipe-pass{color:#fff;background:#c5296fd1;border:1px solid #ffd9eee6}.swipe-controls{gap:10px;display:flex}.swipe-controls>button{flex:1;min-width:0}.dating-swipe-card{background:radial-gradient(circle at top,#caefea,#d6f7f2)}.dating-card-empty{min-height:52vh}.compat-pill{color:#ffd3ec;z-index:7;background:#ff2fa633;border:1px solid #ff2fa670;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600;position:absolute;top:14px;right:14px}.dating-meta{width:calc(100% - 24px)}.dating-shared-row{margin-top:8px;margin-bottom:8px}.pass-btn,.like-btn{cursor:pointer;border:none;border-radius:999px;padding:10px 12px;font-size:13px;font-weight:700}.pass-btn:disabled,.like-btn:disabled{opacity:.6;cursor:default}.pass-btn{background:var(--pink-btn-soft);color:var(--button-text)}.like-btn{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:var(--button-text)}.swipe-controls .like-btn{color:#fff}.panel-main,.community-main{flex:1;padding:16px 14px 20px;overflow-y:scroll}.panel-title{margin:0 0 10px;font-size:16px}.list{border:1px solid var(--border-subtle);background:#ffffffbd;border-radius:16px;overflow:hidden}.list-row{align-items:center;gap:10px;padding:10px;display:flex}.list-row-action{flex-shrink:0}.list-row-actions{gap:8px;margin-left:auto;display:flex}.list-row+.list-row,.user-row+.user-row{border-top:1px solid #ffffff0d}.empty-text{color:var(--text-muted);margin:6px 0 0;font-size:13px}.community-users{margin-bottom:12px}.messages-intro{margin:-4px 0 10px}.user-row{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px;display:flex}.user-row-active{background:#ffffff08}.user-handle{color:var(--text-muted);font-size:12px}.selected-user-card{border:1px solid var(--border-subtle);background:#ffffffbd;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px;display:flex}.selected-user-card h3{margin:0;font-size:15px}.avatar-thumb{object-fit:cover;border:1px solid var(--border-subtle);border-radius:50%;flex-shrink:0;width:42px;height:42px}.profile-post-thumb{object-fit:cover;border:1px solid var(--border-subtle);border-radius:10px;flex-shrink:0;width:56px;height:56px}.stack-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.hidden-file-input{display:none}.community-likes{margin-bottom:12px}.community-chat{margin-bottom:30px}.chat-box{border:1px solid var(--border-subtle);background:#ffffffc2;border-radius:14px;min-height:130px;max-height:210px;padding:10px;overflow-y:auto}.chat-bubble{border-radius:12px;flex-direction:column;gap:8px;width:fit-content;max-width:80%;margin:0 0 8px;padding:7px 10px;font-size:13px;line-height:1.35;display:flex}.chat-me{color:maroon;background:#ff2fa63d;margin-left:auto}.chat-them{color:var(--text-main);background:#3f8cff4d}.chat-form{grid-template-columns:1fr auto;gap:8px;margin-top:10px;display:grid}.chat-track-card{border:1px solid var(--border-subtle);color:inherit;text-align:left;cursor:pointer;background:#d6f7f2ad;border-radius:12px;align-items:center;gap:8px;padding:8px;display:flex}.chat-track-card:disabled{opacity:.65;cursor:default}.chat-track-meta{flex-direction:column;flex:1;display:flex}.song-share-list{margin-top:10px}.quick-share-strip{border:1px solid var(--border-subtle);background:#ffffffbd;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.photo-compose-card{margin-bottom:10px}.photo-compose-form{border:1px solid var(--border-subtle);background:#ffffffbd;border-radius:14px;gap:8px;margin-bottom:12px;padding:10px;display:grid}.photo-post-preview{object-fit:cover;border-radius:12px;width:100%;max-height:220px}.photo-editor-stage{aspect-ratio:4/5;border:1px solid var(--border-subtle);touch-action:none;background:radial-gradient(circle at top,#c6f2ed,#d6f7f2);border-radius:14px;width:100%;position:relative;overflow:hidden}.photo-editor-image{object-fit:cover;transform-origin:50%;width:100%;height:100%;position:absolute;top:50%;left:50%}.photo-editor-overlay{pointer-events:none;position:absolute;inset:0}.photo-editor-text{z-index:4;text-shadow:0 2px 12px #000000a6;pointer-events:none;text-align:center;width:92%;margin:0;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.photo-editor-markup{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.photo-tools-grid{gap:8px;display:grid}.photo-tool-card{border:1px solid var(--border-subtle);background:#ffffffb3;border-radius:12px;gap:8px;padding:10px;display:grid}.photo-tool-toggle{border:1px solid var(--border-subtle);color:var(--text-main);text-align:left;cursor:pointer;background:#ffffffbf;border-radius:999px;padding:10px 12px;font-size:13px;font-weight:700}.photo-tool-toggle-active{background:var(--pink-btn-soft-strong);border-color:#ff2fa673}.photo-tool-body{gap:8px;display:grid}.photo-slider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.photo-range-label{color:var(--text-muted);gap:4px;font-size:12px;display:grid}.photo-range-label input[type=range]{width:100%}.photo-inline-controls{align-items:center;gap:8px;display:flex}.photo-inline-controls>*{flex:1;min-width:0}.photo-color-label{color:var(--text-muted);gap:4px;font-size:12px;display:grid}.photo-color-label input[type=color]{border:1px solid var(--border-subtle);background:#fff;border-radius:8px;width:100%;height:34px;padding:0}.photo-clip-selected{border:1px solid var(--border-subtle);background:#ffffffb3;border-radius:10px;gap:6px;padding:8px;display:grid}.card{scroll-snap-align:start;flex-direction:column;justify-content:flex-end;min-height:calc(100vh - 56px);padding:14px 14px 24px;display:flex}.card-media{background:radial-gradient(circle at top,#c3f1eb,#d6f7f2);border:1px solid #ffffff0f;border-radius:24px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.card-artwork{object-fit:cover;width:100%;height:100%;transform:scale(1.03)}.card-overlay-gradient{background:linear-gradient(#0814346b 0%,#17306a1a 35%,#0c1a40cc 100%);position:absolute;inset:0}.lyrics-overlay{text-align:center;color:#fff;text-shadow:0 2px 10px #000000d9;z-index:4;margin:0;font-size:24px;font-weight:700;line-height:1.25;position:absolute;top:42%;left:14px;right:14px}.cover-meta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:linear-gradient(#0e1a4080,#0a1430f0);border:1px solid #ffffff2e;border-radius:14px;padding:12px 12px 14px;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 8px 24px #00000059}.cover-meta .song-title,.cover-meta .song-artist,.cover-meta .card-artist{color:#f8fbff;text-shadow:0 2px 8px #000000bf}.play-btn{cursor:pointer;z-index:6;background:#17306ad6;border:none;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;position:absolute;top:14px;right:14px;box-shadow:0 8px 24px #0009;color:#fff!important}.post-mute-btn{cursor:pointer;z-index:6;background:#17306ad6;border:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;position:absolute;top:14px;right:14px;box-shadow:0 8px 24px #00000073;color:#fff!important}.card-meta{margin-top:14px}.card-title{color:#fff;text-shadow:0 2px 10px #000000a6;margin:0 0 4px;font-size:22px}.card-artist{color:#f3f8ff;margin:0;font-size:14px}.photo-post-clip-meta{gap:1px;margin-top:4px;display:grid}.card-album{color:#e1ecff;margin:2px 0 0;font-size:13px}.loading-state{color:var(--text-muted);margin:auto;font-size:14px}