*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #09090d;--muted: #8e8b97;--pink: #ff7ab6;--purple: #9b7cff;--border: rgba(255,255,255,.08);--grad: linear-gradient(100deg, var(--purple), var(--pink))}html{-webkit-text-size-adjust:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 10%,rgba(155,124,255,.14),transparent 30%),radial-gradient(circle at 80% 20%,rgba(255,122,182,.1),transparent 28%),var(--bg);background-attachment:fixed;color:#f5f2f7;min-height:100vh;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:default}nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,6%);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:20;background:#09090db8}.logo{font-size:21px;font-weight:800;letter-spacing:2.5px}.nav-links{display:flex;gap:10px}.nav-btn{background:transparent;color:var(--muted);border:0;padding:10px 15px;border-radius:10px}.nav-btn:hover{color:#fff;background:#ffffff0f}.nav-btn.primary{background:#fff;color:#111;font-weight:700}.nav-btn.primary:hover{background:#fff;opacity:.9}.hero{min-height:520px;max-width:1100px;margin:auto;padding:100px 25px 70px;display:flex;align-items:center;justify-content:center;text-align:center}.hero-inner{max-width:760px}.eyebrow{color:var(--pink);text-transform:uppercase;font-size:12px;letter-spacing:4px;font-weight:700;margin-bottom:25px;line-height:1.6}h1{font-size:clamp(44px,10vw,105px);line-height:.92;letter-spacing:-.045em;margin-bottom:30px}.gradient{background:linear-gradient(90deg,#fff,#d7c8ff,#ff91c5);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:18px;line-height:1.7;max-width:600px;margin:auto}.hero-actions{margin-top:38px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.big-btn{border:0;padding:15px 24px;border-radius:100px;background:var(--grad);color:#fff;font-weight:700;box-shadow:0 10px 40px #9b7cff33;transition:.25s}.big-btn:hover{box-shadow:0 15px 50px #ff7ab640}.ghost-btn{border:1px solid var(--border);padding:15px 24px;border-radius:100px;background:#ffffff08;color:#fff}.ghost-btn:hover{background:#ffffff12}main{max-width:1100px;margin:auto;padding:20px 25px 220px}.section-title{margin-bottom:25px}.section-title h2{font-size:30px;margin-bottom:7px}.section-title p,.state-msg{color:var(--muted)}.state-msg{text-align:center;padding:50px 0}.state-msg.error{color:#ff8a8a}.memory-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-items:stretch}.more{display:flex;justify-content:center;margin-top:30px}.memory{display:flex;flex-direction:column;min-width:0;background:linear-gradient(145deg,#ffffff0e,#ffffff05);border:1px solid var(--border);border-radius:22px;padding:20px;transition:transform .3s,border-color .3s}.memory:hover{border-color:#ffffff29}.memory.playing{border-color:var(--pink);box-shadow:0 0 0 1px #ff7ab640,0 10px 40px #ff7ab614}.memory-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.anonymous{color:var(--muted);font-size:12px}.date{color:#66636d;font-size:11px;white-space:nowrap}.memory-title{font-size:18px;line-height:1.3;margin-bottom:14px;overflow-wrap:anywhere;cursor:pointer}.song{display:flex;gap:12px;align-items:center;background:#00000047;padding:10px;border-radius:15px;margin-bottom:14px}.album{width:52px;height:52px;border-radius:10px;object-fit:cover;background:linear-gradient(135deg,#5d43b7,#ff6fae);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.song-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.song-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-sub{font-size:11px;color:var(--muted)}.memory.playing .song-sub{color:var(--pink)}.play{width:36px;height:36px;border:0;border-radius:50%;color:#fff;background:var(--grad);flex-shrink:0;display:flex;align-items:center;justify-content:center}.memory-text{flex:1;color:#ddd9e2;line-height:1.65;font-size:15px;margin-bottom:16px;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.tag{color:#aaa5b3;background:#ffffff0d;padding:6px 9px;border-radius:100px;font-size:11px}.memory-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto}.read{background:transparent;border:0;color:var(--purple);font-size:13px;font-weight:600}.read:hover{color:var(--pink)}.felt{background:transparent;border:0;color:#aaa5b3;font-size:13px;padding:4px 0}.felt.active{color:var(--pink)}.modal{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal-box{width:100%;max-width:620px;max-height:90vh;max-height:90dvh;overflow-y:auto;background:#121219;border:1px solid var(--border);border-radius:25px;padding:28px;box-shadow:0 30px 100px #00000080}.read-box{max-width:640px;overflow-wrap:anywhere}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal-head h2{font-size:25px}.close{border:0;background:transparent;color:var(--muted);font-size:28px;line-height:1}.read-title{font-size:26px;line-height:1.25;margin-bottom:8px}.read-date{color:#66636d;font-size:12px;margin-bottom:22px}.read-text{color:#ddd9e2;line-height:1.85;font-size:16px;white-space:pre-line;margin-bottom:22px}.read-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.read-play{border:0;padding:12px 20px;border-radius:100px;background:var(--grad);color:#fff;font-weight:700}label{display:block;color:#b9b5c0;font-size:13px;margin-bottom:8px}.hint{color:#666}input[type=text],textarea{width:100%;background:#ffffff0a;border:1px solid var(--border);color:#fff;border-radius:13px;padding:13px 14px;outline:none;margin-bottom:18px;font-size:16px}input[type=text]:focus,textarea:focus{border-color:#9b7cff99}textarea{min-height:130px;resize:vertical}.mood-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.mood{padding:9px 13px;border-radius:100px;border:1px solid var(--border);background:transparent;color:var(--muted)}.mood.selected{color:#fff;background:#9b7cff33;border-color:var(--purple)}.mood-add{display:flex;gap:8px;margin-bottom:20px}.mood-add input{margin-bottom:0}.mood-add button{flex-shrink:0;padding:0 16px;border-radius:13px;border:1px solid var(--purple);background:#9b7cff26;color:#fff;font-weight:600}.form-error{color:#ff8a8a;font-size:13px;margin-bottom:14px}.submit{width:100%;padding:15px;border:0;border-radius:13px;background:var(--grad);color:#fff;font-weight:800}.player{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%,150%);width:min(560px,calc(100% - 24px));padding:14px;border:1px solid var(--border);border-radius:22px;background:#121219f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;transition:transform .4s ease;box-shadow:0 20px 60px #0000008c;overflow:hidden;isolation:isolate}.player.show{transform:translate(-50%)}.player:before{content:"";position:absolute;inset:-30px;z-index:-1;background:var(--cover) center / cover;filter:blur(40px) saturate(1.5);opacity:.28}.player-main{display:flex;align-items:center;gap:12px}.player-art{width:52px;height:52px;border-radius:12px;object-fit:cover;flex-shrink:0;background:linear-gradient(135deg,#5c3fb0,#ff77b7);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 6px 20px #0006}.player-art.spin{animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.05)}}.player-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.player-info strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-info span{font-size:12px;color:#b9b5c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbtn{width:34px;height:34px;flex-shrink:0;border:0;border-radius:50%;background:#ffffff14;color:#fff;display:flex;align-items:center;justify-content:center}.pbtn:hover{background:#ffffff29}.pbtn.main{width:42px;height:42px;background:#fff;color:#111}.pbtn.main:hover{background:#fff;opacity:.9}.player-bar{display:flex;align-items:center;gap:10px;margin-top:14px}.player-bar span{color:#b9b5c0;font-size:11px;min-width:32px;font-variant-numeric:tabular-nums}.player-bar span:last-child{text-align:right}.seek{-webkit-appearance:none;appearance:none;flex:1;height:5px;border-radius:99px;outline:none;cursor:pointer;background:linear-gradient(90deg,var(--pink) var(--pct, 0%),rgba(255,255,255,.16) var(--pct, 0%))}.seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ff7ab640}.seek::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ff7ab640}.embed-wrap{height:80px;margin-top:12px;border-radius:12px;overflow:hidden;transition:height .3s,margin .3s}.embed-wrap.collapsed{height:0;margin-top:0}.embed-wrap iframe{display:block;width:100%;border:0}@media(max-width:800px){.hide-sm{display:none}.hero{padding:70px 20px 40px;min-height:0}}@media(max-width:480px){main{padding:10px 14px 240px}.modal-box{padding:22px 18px;border-radius:20px}.player-info span{display:none}h1{font-size:15vw;line-height:.95;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:2.5px;margin-bottom:18px}.hero p{font-size:15px;line-height:1.6}}:root{--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(70px);will-change:transform}body:before{width:46vmax;height:46vmax;left:-12vmax;top:-14vmax;background:radial-gradient(circle,rgba(155,124,255,.16),transparent 65%);animation:driftA 22s ease-in-out infinite alternate}body:after{width:40vmax;height:40vmax;right:-12vmax;top:4vmax;background:radial-gradient(circle,rgba(255,122,182,.12),transparent 65%);animation:driftB 26s ease-in-out infinite alternate}@keyframes driftA{to{transform:translate3d(14vmax,10vmax,0) scale(1.15)}}@keyframes driftB{to{transform:translate3d(-12vmax,14vmax,0) scale(1.2)}}nav{animation:navIn .9s var(--ease-out) both}@keyframes navIn{0%{transform:translateY(-100%);opacity:0}}.logo{background:linear-gradient(100deg,#f5f2f7 40%,#ff91c5 50%,#c7b4ff 55%,#f5f2f7 62%) 100% 0 / 280% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:logoShine 7s ease-in-out 1.2s infinite}@keyframes logoShine{0%,55%{background-position:100% 0}to{background-position:0 0}}.nav-btn{transition:color .25s,background .25s,transform .3s var(--ease-spring)}.nav-btn:active{transform:scale(.95)}.nav-btn.primary{position:relative;overflow:hidden;animation:popIn .8s var(--ease-spring) .5s both}.nav-btn.primary:after,.big-btn:after,.submit:after,.read-play:after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-130%) skew(-20deg);animation:sweep 4.5s ease-in-out infinite}.nav-btn.primary:after{background:linear-gradient(100deg,transparent,rgba(155,124,255,.35),transparent);animation-delay:2s}@keyframes sweep{0%,55%{transform:translate(-130%) skew(-20deg)}to{transform:translate(330%) skew(-20deg)}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}}.eyebrow{animation:rise .9s var(--ease-out) .25s both}h1{animation:riseBlur 1.1s var(--ease-out) .45s both}.hero p{animation:rise .9s var(--ease-out) .75s both}.hero-actions .big-btn{animation:rise .9s var(--ease-out) .95s both,glowPulse 3.4s ease-in-out 2s infinite}.hero-actions .ghost-btn{animation:rise .9s var(--ease-out) 1.1s both}@keyframes rise{0%{opacity:0;transform:translateY(28px)}}@keyframes riseBlur{0%{opacity:0;transform:translateY(40px) scale(.97);filter:blur(14px)}}.gradient{background-image:linear-gradient(90deg,#fff,#d7c8ff,#ff91c5,#d7c8ff,#fff);background-size:200% 100%;background-position:0 0;animation:gradFlow 7s ease-in-out 1.6s infinite alternate}@keyframes gradFlow{to{background-position:100% 0}}.big-btn{position:relative;overflow:hidden;transition:box-shadow .25s,transform .35s var(--ease-spring)}.big-btn:hover{transform:scale(1.04)}.big-btn:active{transform:scale(.96)}@keyframes glowPulse{0%,to{box-shadow:0 10px 40px #9b7cff33}50%{box-shadow:0 14px 52px #ff7ab657}}.ghost-btn{transition:background .25s,transform .35s var(--ease-spring),border-color .25s}.ghost-btn:hover{border-color:#fff3}.ghost-btn:active{transform:scale(.96)}.rv{opacity:0}.rv-in{opacity:1;animation:rvUp .9s var(--ease-out) var(--rv-delay, 0ms) backwards}@keyframes rvUp{0%{opacity:0;translate:0 44px;scale:.96;filter:blur(8px)}}.state-msg{animation:fadeBreath 2.2s ease-in-out infinite}.state-msg.error{animation:shake .5s}@keyframes fadeBreath{50%{opacity:.45}}.memory{position:relative;isolation:isolate;transition:transform .45s var(--ease-out),border-color .3s,box-shadow .45s var(--ease-out)}.memory:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(260px circle at var(--mx, 50%) var(--my, 0%),rgba(155,124,255,.16),rgba(255,122,182,.07) 45%,transparent 70%)}.memory:hover:before{opacity:1}.memory:not(.playing):hover{box-shadow:0 22px 50px #00000059,0 0 40px #9b7cff14}.memory.playing{animation:playGlow 2.8s ease-in-out infinite}@keyframes playGlow{0%,to{box-shadow:0 0 0 1px #ff7ab640,0 10px 40px #ff7ab614}50%{box-shadow:0 0 0 1px #ff7ab680,0 14px 56px #ff7ab638}}.memory-title{transition:transform .3s var(--ease-out)}.memory-title:hover{transform:translate(4px)}.memory-text{transition:color .3s}.memory-text:hover{color:#fff}.song{transition:background .3s}.memory:hover .song{background:#0006}.album{transition:transform .45s var(--ease-spring),box-shadow .3s}.memory:hover .album{box-shadow:0 8px 22px #9b7cff59}.memory.playing .album{animation:pulse 2.4s ease-in-out infinite}.play{position:relative;transition:transform .3s var(--ease-spring),box-shadow .3s}.play:hover{transform:scale(1.15);box-shadow:0 0 22px #ff7ab680}.play:active{transform:scale(.88)}.memory.playing .play:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--pink);pointer-events:none;animation:ripple 1.8s ease-out infinite}@keyframes ripple{0%{transform:scale(1);opacity:.8}to{transform:scale(1.9);opacity:0}}.tag{transition:transform .3s var(--ease-spring),background .3s,color .3s}.tag:hover{transform:translateY(-3px) scale(1.06);background:#9b7cff29;color:#fff}.tags .tag{animation:tagIn .6s var(--ease-spring) backwards}.tags .tag:nth-child(2){animation-delay:.08s}.tags .tag:nth-child(3){animation-delay:.16s}.tags .tag:nth-child(4){animation-delay:.24s}.tags .tag:nth-child(n+5){animation-delay:.32s}@keyframes tagIn{0%{opacity:0;transform:scale(.5) translateY(8px)}}.read,.felt{transition:color .25s,transform .3s var(--ease-spring)}.read:hover{transform:translate(5px)}.felt:hover{color:var(--pink);transform:scale(1.07)}.felt:active{transform:scale(.9)}.felt.active{animation:heartPop .6s var(--ease-spring)}@keyframes heartPop{0%{transform:scale(1)}30%{transform:scale(1.35)}55%{transform:scale(.92)}to{transform:scale(1)}}.modal-enter-active,.modal-leave-active{transition:opacity .35s ease,backdrop-filter .35s ease}.modal-enter-from,.modal-leave-to{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.modal-enter-active .modal-box{transition:transform .55s var(--ease-spring),opacity .35s ease}.modal-leave-active .modal-box{transition:transform .3s ease-in,opacity .25s ease}.modal-enter-from .modal-box{transform:translateY(50px) scale(.88);opacity:0}.modal-leave-to .modal-box{transform:translateY(24px) scale(.95);opacity:0}.modal-box>*{animation:rise .6s var(--ease-out) backwards}.modal-box>:nth-child(1){animation-delay:.12s}.modal-box>:nth-child(2){animation-delay:.17s}.modal-box>:nth-child(3){animation-delay:.22s}.modal-box>:nth-child(4){animation-delay:.27s}.modal-box>:nth-child(5){animation-delay:.32s}.modal-box>:nth-child(6){animation-delay:.37s}.modal-box>:nth-child(7){animation-delay:.42s}.modal-box>:nth-child(8){animation-delay:.47s}.modal-box>:nth-child(9){animation-delay:.52s}.modal-box>:nth-child(10){animation-delay:.57s}.modal-box>:nth-child(11){animation-delay:.62s}.modal-box>:nth-child(n+12){animation-delay:.67s}.close{transition:transform .4s var(--ease-spring),color .25s}.close:hover{transform:rotate(90deg) scale(1.15);color:#fff}input[type=text],textarea{transition:border-color .3s,box-shadow .3s,background .3s}input[type=text]:focus,textarea:focus{box-shadow:0 0 0 4px #9b7cff24,0 0 28px #9b7cff1f;background:#ffffff0f}.mood{transition:transform .3s var(--ease-spring),background .25s,border-color .25s,color .25s}.mood:hover{transform:translateY(-3px);border-color:#ffffff38;color:#fff}.mood:active{transform:scale(.93)}.mood.selected{animation:moodPop .45s var(--ease-spring)}@keyframes moodPop{40%{transform:scale(1.14)}}.mood-list .mood{animation:tagIn .55s var(--ease-spring) backwards}.mood-list .mood:nth-child(2){animation-delay:.45s}.mood-list .mood:nth-child(3){animation-delay:.5s}.mood-list .mood:nth-child(4){animation-delay:.55s}.mood-list .mood:nth-child(5){animation-delay:.6s}.mood-list .mood:nth-child(6){animation-delay:.65s}.mood-list .mood:nth-child(n+7){animation-delay:.7s}.mood-list .mood:nth-child(1){animation-delay:.4s}.mood-add button{transition:transform .3s var(--ease-spring),background .25s}.mood-add button:hover{transform:translateY(-2px);background:#9b7cff47}.mood-add button:active{transform:scale(.94)}.form-error{animation:shake .5s}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.submit,.read-play{position:relative;overflow:hidden;transition:transform .35s var(--ease-spring),box-shadow .3s}.submit:hover:not(:disabled),.read-play:hover{transform:translateY(-3px);box-shadow:0 12px 34px #9b7cff59}.submit:active:not(:disabled),.read-play:active{transform:scale(.97)}.submit:disabled{animation:fadeBreath 1.2s ease-in-out infinite}.read-play:after{animation-delay:1s}.player{transition:transform .75s var(--ease-spring)}.player:before{animation:coverDrift 9s ease-in-out infinite alternate}@keyframes coverDrift{to{transform:scale(1.18) translate(10px,-6px)}}.player-art{transition:transform .3s var(--ease-spring)}.player-art.spin{box-shadow:0 6px 24px #ff7ab666;animation:pulse 2.4s ease-in-out infinite}.pbtn{transition:background .25s,transform .3s var(--ease-spring)}.pbtn:hover{transform:scale(1.12)}.pbtn:active{transform:scale(.88)}.player-info strong,.player-info span{animation:rise .5s var(--ease-out) backwards}.seek::-webkit-slider-thumb{transition:transform .25s var(--ease-spring),box-shadow .25s}.seek::-moz-range-thumb{transition:transform .25s var(--ease-spring),box-shadow .25s}.seek:hover::-webkit-slider-thumb{transform:scale(1.3);box-shadow:0 0 0 7px #ff7ab640}.seek:hover::-moz-range-thumb{transform:scale(1.3);box-shadow:0 0 0 7px #ff7ab640}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important}.rv{opacity:1}}