:root{--app-background: #ffffff;--app-surface: #ffffff;--app-foreground: #0f172a;--app-muted-foreground: #64748b;--app-border: #e2e8f0;--app-primary-color: #2563eb;--app-primary-foreground: #ffffff;--background: var(--app-background);--foreground: var(--app-foreground);--card: var(--app-surface);--card-foreground: var(--app-foreground);--popover: var(--app-surface);--popover-foreground: var(--app-foreground);--primary: #2563eb;--primary-foreground: #ffffff;--secondary: #f1f5f9;--secondary-foreground: var(--app-foreground);--muted: #f1f5f9;--muted-foreground: var(--app-muted-foreground);--accent: #eff6ff;--accent-foreground: var(--app-foreground);--border: var(--app-border);--input: var(--app-border);--ring: #2563eb;--radius: .5rem}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.static{position:static}.block{display:block}.outline{outline-style:solid}:root{--ink: #24202c;--muted: #7f7889;--paper: #fbf8f3;--surface: #fffdf9;--line: #ebe4dc;--coral: #ec6f5b;--coral-dark: #c9554a;--plum: #3b2947;--lilac: #dcd3f2;--soft-coral: #fff0ea}*{box-sizing:border-box}html,body,#app{height:100%;min-height:100%}body{margin:0;overflow:hidden;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100%;height:100%;display:flex;flex-direction:column;background:radial-gradient(circle at 92% 0%,rgba(220,211,242,.45),transparent 32%),var(--paper)}.app-header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;width:min(100%,860px);margin:0 auto;padding:22px 24px 13px}.brand-mark{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:760;letter-spacing:-.02em}.brand-dot{width:11px;height:11px;display:inline-block;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #ec6f5b21}.header-actions{display:flex;align-items:center;gap:13px}.header-badge{background:#ffffffb3!important;color:#7e5362!important;border-color:#f0dcd7!important}.header-link{display:inline-flex;align-items:center;gap:6px;color:var(--plum);text-decoration:none;font-size:12px;font-weight:700}.header-link:hover,.inline-link:hover{color:var(--coral-dark)}.page-scroll{width:min(100%,860px);margin:0 auto;flex:1 1 auto;min-height:0;overflow-y:auto;padding:28px 24px 48px;scrollbar-width:none}.page-scroll::-webkit-scrollbar{display:none}.intro-block{max-width:610px;margin:0 auto 28px;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--coral-dark);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.intro-block h1,.player-intro h1{margin:13px 0 10px;color:var(--plum);font-size:clamp(26px,5.5vw,36px);line-height:1.1;letter-spacing:-.055em;font-weight:840}.intro-block h1 em,.player-intro h1 em{color:var(--coral);font-style:normal}.intro-block p,.player-intro p{margin:0 auto;max-width:480px;color:var(--muted);font-size:15px;line-height:1.75}.trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:17px;color:#93899a;font-size:11px}.trust-row span{display:inline-flex;align-items:center;gap:5px}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:580px;margin:0 auto 15px}.mode-option{position:relative;min-height:72px;display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--line);border-radius:18px;background:#fffdf9c7;color:var(--ink);text-align:left;transition:all .2s ease}.mode-option:hover{border-color:#e0b7ac;transform:translateY(-1px)}.mode-option.active{border-color:var(--coral);background:var(--soft-coral);box-shadow:0 8px 25px #be5f501c}.mode-option strong,.mode-option small{display:block}.mode-option strong{font-size:14px}.mode-option small{margin-top:3px;color:var(--muted);font-size:11px}.mode-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;flex:0 0 auto}.audio-icon{background:#ffe0d5;color:var(--coral-dark)}.video-icon{background:#e6def8;color:#6e5a9f}.mode-check{position:absolute;top:12px;right:12px;color:var(--coral-dark)}.ui-card{border:1px solid var(--line);border-radius:24px;background:#fffdf9e6;box-shadow:0 16px 50px #48313312}.ui-card-content{padding:23px}.composer-card{max-width:580px;margin:0 auto}.section-label{display:flex;align-items:center;gap:9px;margin-bottom:15px;color:var(--plum);font-size:13px;font-weight:780}.section-label span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--plum);color:#fff;font-size:10px}.photo-title-grid{display:grid;grid-template-columns:128px 1fr;align-items:stretch;gap:15px}.photo-picker{min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1.5px dashed #dbc8c2;border-radius:17px;background:#fff9f4;color:var(--coral-dark);overflow:hidden;background-size:cover;background-position:center}.photo-picker span{font-size:12px;font-weight:800}.photo-picker small{color:#aa928f;font-size:10px}.photo-picker.has-image{position:relative;border-style:solid}.photo-picker.has-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 52%,rgba(40,26,39,.55))}.photo-change{position:absolute;bottom:9px;z-index:1;display:flex;align-items:center;gap:4px;color:#fff;font-size:11px!important}.field-wrap{display:flex;flex-direction:column;justify-content:center}.field-wrap label{margin-bottom:8px;color:var(--plum);font-size:12px;font-weight:750}.ui-input{width:100%;min-height:44px;padding:0 13px;border:1px solid #e4dcd7;border-radius:12px;outline:none;background:#fff;color:var(--ink);font-size:13px;transition:border .2s,box-shadow .2s}.ui-input::-moz-placeholder{color:#b1a8ac}.ui-input::placeholder{color:#b1a8ac}.ui-input:focus{border-color:var(--coral);box-shadow:0 0 0 4px #ec6f5b1f}.field-hint{margin-top:8px;color:#9b9295;font-size:10px;line-height:1.45}.section-divider{height:1px;margin:23px 0 20px;background:#eee8e2}.record-stage{padding:17px;border:1px solid #eae1dc;border-radius:18px;background:#faf6f2;transition:all .25s ease}.record-stage.is-recording{border-color:#efa59a;background:#fff2ef;box-shadow:inset 0 0 0 1px #ec6f5b1a}.record-topline,.time-row,.video-meta{display:flex;align-items:center;justify-content:space-between}.record-topline{color:var(--plum);font-size:12px}.record-topline strong{font-size:18px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.record-topline strong small{color:#a49a9d;font-size:10px;font-weight:500;letter-spacing:0}.record-status{display:flex;align-items:center;gap:6px;color:#8d7c82}.record-status i{display:block;width:7px;height:7px;border-radius:50%;background:#bdb3b2}.is-recording .record-status{color:var(--coral-dark)}.is-recording .record-status i{background:var(--coral);box-shadow:0 0 0 5px #ec6f5b26;animation:pulse 1s infinite}.waveform{height:49px;display:flex;align-items:center;justify-content:center;gap:4px;margin:15px 0 11px}.waveform i{width:3px;min-height:7px;border-radius:5px;background:linear-gradient(180deg,#efa895,#d7c6e6);opacity:.75}.is-recording .waveform i{animation:waveform 1.1s ease-in-out infinite alternate}.is-recording .waveform i:nth-child(3n){animation-delay:-.35s}.is-recording .waveform i:nth-child(4n){animation-delay:-.7s}.record-notice{min-height:17px;margin:0 0 13px;color:#8e8487;font-size:11px;text-align:center}.record-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px}.audio-preview{width:min(100%,280px);height:40px;accent-color:var(--coral)}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;font-weight:760;transition:all .2s ease}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button-primary{background:var(--coral);color:#fff;box-shadow:0 8px 18px #cc524633}.ui-button-primary:hover:not(:disabled){background:var(--coral-dark)}.ui-button-secondary{background:var(--plum);color:#fff}.ui-button-outline{border:1px solid var(--line);background:#fff;color:var(--plum)}.ui-button-ghost{background:transparent;color:#8a7983}.ui-button-ghost:hover:not(:disabled){background:#f6eeea;color:var(--coral-dark)}.ui-button-sm{min-height:34px;padding:0 12px;font-size:12px}.ui-button-md{min-height:44px;padding:0 16px;font-size:13px}.ui-button-lg{min-height:52px;padding:0 22px;font-size:14px;border-radius:14px}.stop-button{background:var(--plum)}.stop-square{width:13px;height:13px;border-radius:4px;background:currentColor}.ui-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid;border-radius:999px;font-size:10px;font-weight:750}.privacy-note{max-width:580px;margin:17px auto 0;color:#9b9295;font-size:10px;text-align:center}.privacy-lock{color:var(--coral)}.video-stage{position:relative;width:100%;min-height:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden;border:1.5px dashed #cfc1da;border-radius:20px;background:linear-gradient(145deg,#f7f1fc,#fff6f2);color:var(--plum)}.video-stage:hover{border-color:#9a80be}.video-stage strong{font-size:16px}.video-stage small{color:#928898;font-size:12px}.camera-orbit{display:grid;place-items:center;width:78px;height:78px;border-radius:24px;background:#eadff7;color:#70569e;box-shadow:0 0 0 12px #eadff78c;transition:transform .2s ease}.video-stage:hover .camera-orbit{transform:scale(1.06)}.video-stage.has-video{border-style:solid;background:#1f1b27}.video-stage video{width:100%;max-height:360px;display:block;-o-object-fit:contain;object-fit:contain}.video-replace{position:absolute;right:12px;bottom:12px;display:inline-flex;gap:5px;align-items:center;padding:7px 10px;border-radius:999px;background:#1f1b27cc;color:#fff;font-size:11px}.video-meta{margin-top:13px;color:#938b93;font-size:10px}.video-meta span{display:inline-flex;align-items:center;gap:5px}.video-notice{margin-top:16px}.player-shell{background:linear-gradient(145deg,#30243b,#211b2e 47%,#151320);color:#fff}.player-shell .app-header,.player-shell .brand-mark,.player-shell .header-link{color:#fff}.player-shell .header-badge{background:#ffffff14!important;color:#f1c8c3!important;border-color:#ffffff21!important}.player-shell .page-scroll{padding-top:29px}.player-intro{text-align:center}.light-eyebrow{color:#f5b6a6;font-size:12px}.player-intro h1{color:#fff;font-size:clamp(22px,5vw,32px)}.player-intro p{color:#b9adbe;font-size:14px}.player-tabs{display:flex;justify-content:center;gap:8px;margin:24px 0 14px}.player-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#ffffff0f;color:#bdb2c5;font-size:12px;font-weight:700}.player-tab.active{border-color:#eaa294;background:#f18a77;color:#fff;box-shadow:0 7px 22px #f18a7733}.audio-player-card{position:relative;max-width:580px;min-height:425px;margin:0 auto;overflow:hidden;border-color:#ffffff26;background:linear-gradient(160deg,#806182,#42364e)!important;background-position:center;background-size:cover;box-shadow:0 20px 60px #00000047}.audio-player-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 12%,rgba(249,191,180,.34),transparent 28%),radial-gradient(circle at 90% 85%,rgba(174,149,214,.3),transparent 33%);pointer-events:none}.player-card-overlay{position:relative;min-height:425px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 25px 24px}.now-badge{align-self:flex-start;background:#ffffff24!important;border-color:#ffffff38!important;color:#fff!important}.vinyl-record{position:relative;width:195px;height:195px;margin:15px 0 18px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#18151d 0,#18151d 11%,#352c3b,#352c3b,#111016 14%,#111016 23%,#2b2533,#2b2533,#0f0e13 26%,#0f0e13 38%,#282230,#282230,#0d0c11 41%,#0d0c11 58%,#24202b,#24202b,#08080b 61%);box-shadow:0 13px 23px #0000004d,inset 3px 3px 10px #ffffff14}.vinyl-record:after{content:"";position:absolute;top:13px;right:13px;bottom:13px;left:13px;border:1px solid rgba(255,255,255,.11);border-radius:50%}.vinyl-grooves{position:absolute;top:0;right:0;bottom:0;left:0}.vinyl-grooves span{position:absolute;top:27px;right:27px;bottom:27px;left:27px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.vinyl-grooves span:nth-child(2){top:44px;right:44px;bottom:44px;left:44px}.vinyl-grooves span:nth-child(3){top:57px;right:57px;bottom:57px;left:57px}.vinyl-label{position:absolute;top:52px;right:52px;bottom:52px;left:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#efa08e;color:#fff;z-index:1;overflow:hidden}.vinyl-label.has-image{background-size:cover;background-position:center}.vinyl-label img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.vinyl-label small{font-size:7px;font-weight:800;letter-spacing:.08em}.spinning{animation:vinyl-spin 6s linear infinite}.track-info{text-align:center;color:#fff}.track-kicker{color:#eec5c2;font-size:11px;font-weight:800;letter-spacing:.15em}.track-info h2{margin:7px 0 4px;font-size:22px;letter-spacing:-.04em}.track-info p{margin:0;color:#d8cbd6;font-size:13px}.audio-player-card audio{display:none}.progress-wrap{width:100%;max-width:395px;margin-top:22px}.progress-line{height:4px;overflow:hidden;border-radius:999px;background:#fff3}.progress-line span{display:block;height:100%;border-radius:inherit;background:#f3a292}.time-row{margin-top:6px;color:#c9bdca;font-size:12px;font-variant-numeric:tabular-nums}.player-controls{width:100%;max-width:395px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:14px}.player-side-label{color:#c9bdca;font-size:12px}.player-side-label:last-child{text-align:right}.play-button{width:68px;height:68px;display:grid;place-items:center;border:0;border-radius:50%;background:linear-gradient(135deg,#fff8f2,#fce8df);color:#2d233a;box-shadow:0 8px 24px #0003,0 0 0 4px #fff8f259,inset 0 -2px 6px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.play-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 12px 32px #00000040,0 0 0 5px #fff8f280,inset 0 -2px 6px #0000000f}.play-button:active:not(:disabled){transform:scale(.97)}.video-player-card{position:relative;max-width:580px;min-height:425px;display:grid;place-items:center;overflow:hidden;margin:0 auto;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#0b0910;box-shadow:0 20px 60px #00000047}.full-video{width:100%;max-height:min(620px,70vh);display:block;-o-object-fit:contain;object-fit:contain;background:#0b0910}.video-empty{padding:50px 25px;text-align:center}.video-empty h2{margin:22px 0 7px;color:#fff;font-size:20px}.video-empty p{margin:0 0 18px;color:#ada1b2;font-size:12px}.inline-link{display:inline-flex;align-items:center;gap:6px;color:#f3a292;font-size:12px;font-weight:750;text-decoration:none}.fullscreen-hint{position:absolute;right:15px;bottom:15px;display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border:0;border-radius:9px;background:#0000008c;color:#fff;font-size:10px}.player-bottom-note{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:17px auto 0;color:#a99dae;font-size:12px;text-align:center}.player-bottom-note a{color:#f3a292;text-decoration:none;font-weight:700}.social-footer{display:flex;flex-direction:column;align-items:center;gap:8px;margin:35px auto 0;padding-top:25px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-heart{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#f18a7724;color:#f3a292}.social-footer p{margin:0;color:#cec2d0;font-size:13px}.social-footer p strong{color:#fff}.tiktok-link{display:inline-flex;align-items:center;gap:6px;color:#f3a292;font-size:11px;font-weight:750;text-decoration:none}.tiktok-link.disabled{color:#9c90a3}.social-footer small{color:#827687;font-size:11px}.social-footer small a{color:#c4a3ff;text-decoration:none;font-weight:600}.social-footer small a:hover{text-decoration:underline}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #ec6f5b1f}50%{box-shadow:0 0 0 7px #ec6f5b08}}@keyframes waveform{0%{transform:scaleY(.45)}to{transform:scaleY(1.2)}}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 540px){.app-header{padding:17px 17px 10px}.header-badge{display:none}.page-scroll{padding:25px 15px 40px}.intro-block h1,.player-intro h1{font-size:clamp(22px,5.5vw,30px)}.intro-block p,.player-intro p{font-size:13px}.composer-card{border-radius:20px}.ui-card-content{padding:17px}.photo-title-grid{grid-template-columns:105px 1fr;gap:11px}.photo-picker{min-height:112px}.field-hint{display:none}.record-stage{padding:13px}.player-card-overlay{min-height:405px;padding-left:18px;padding-right:18px}.audio-player-card{min-height:405px}.video-player-card{min-height:385px}}@media (max-width: 370px){.brand-mark{font-size:12px}.header-link{font-size:11px}.mode-option{padding:11px;gap:8px}.mode-icon{width:34px;height:34px}.photo-title-grid{grid-template-columns:92px 1fr}.ui-button-lg{padding:0 15px}}.boot-screen{min-height:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 24px;text-align:center;background:linear-gradient(145deg,#30243b,#211b2e 47%,#151320);color:#e9e0ee}.boot-spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:#f3a292;animation:vinyl-spin .9s linear infinite}.boot-screen h1{margin:0;color:#fff;font-size:20px;letter-spacing:-.03em}.boot-screen p{margin:0;max-width:320px;color:#b3a6ba;font-size:12px;line-height:1.7}.boot-brand{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:14px;font-weight:760;letter-spacing:-.02em}.player-shell{position:relative;isolation:isolate}.player-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.player-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:blur(22px) saturate(1.1);opacity:.55;transform:scale(1.1)}.player-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#15132047,#15132085)}.video-rec-badge{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#1f1b27d1;color:#fff;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.video-rec-badge i{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #ec6f5b33;animation:pulse 1s infinite}.video-stop-overlay{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--plum),#4e3a5e);color:#fff;font-size:14px;font-weight:760;box-shadow:0 10px 30px #0006;transition:transform .15s ease}.video-stop-overlay:hover{transform:translate(-50%) scale(1.04)}.video-stop-overlay .stop-square{width:13px;height:13px;border-radius:4px;background:currentColor}.video-stage.is-recording{border-style:solid;border-color:#efa59a;background:#17131f}.video-live{width:100%;max-height:360px;display:block;-o-object-fit:cover;object-fit:cover;background:#17131f}.video-style-card .player-card-overlay{gap:0;padding:16px 2px 24px}.video-card-stage{position:relative;width:100%;margin:12px 0 10px;border-radius:14px;overflow:hidden;background:#0b0910;cursor:pointer}.video-card-preview{width:100%;display:block;max-height:480px;-o-object-fit:contain;object-fit:contain;background:#0b0910}.video-card-stage .fullscreen-hint-inline{position:absolute;right:10px;bottom:10px;z-index:3}.video-player-card{cursor:pointer}.video-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at center,#00000026,#00000073);transition:opacity .3s ease}.video-play-btn{width:96px;height:96px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#fffffff5,#fce8dfeb);color:#2d233a;box-shadow:0 10px 36px #00000059,0 0 0 5px #ffffff2e,inset 0 -3px 8px #0000000f;transition:transform .22s ease,box-shadow .22s ease}.video-player-card:hover .video-play-btn{transform:scale(1.1);box-shadow:0 14px 44px #0006,0 0 0 6px #ffffff38,inset 0 -3px 8px #0000000f}.video-play-hint{color:#fff;font-size:14px;font-weight:600;text-shadow:0 1px 5px rgba(0,0,0,.6);letter-spacing:.02em}.video-bottom-bar{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:flex-end;padding:14px 16px;background:linear-gradient(transparent,#00000080)}.fullscreen-hint-inline{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border:0;border-radius:9px;background:#00000080;color:#fff;font-size:11px}.saving-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#151320a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.saving-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:34px 40px;border-radius:22px;background:#fffdf9f5;box-shadow:0 20px 60px #00000040;text-align:center}.saving-card p{margin:0;color:var(--plum);font-size:16px;font-weight:700}.saving-card small{color:var(--muted);font-size:13px}.saving-spinner{width:44px;height:44px;border-radius:50%;border:3.5px solid rgba(236,111,91,.18);border-top-color:var(--coral);animation:vinyl-spin .85s linear infinite}.save-overlay-enter-active,.save-overlay-leave-active{transition:opacity .25s ease}.save-overlay-enter-from,.save-overlay-leave-to{opacity:0}