*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft Yahei,sans-serif}body{overflow-x:hidden}.loading{color:#be185d;background:#fff1f5;place-items:center;min-height:100vh;font-size:22px;display:grid}.app{--bg:#fff4f7;--card:#ffffffb8;--primary:#ff5f8f;--secondary:#8b5cf6;--accent:#ffd166;--text:#392033;background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--accent) 42%,transparent),transparent 28rem),radial-gradient(circle at 100% 20%,color-mix(in srgb,var(--secondary) 28%,transparent),transparent 25rem),linear-gradient(135deg,var(--bg),color-mix(in srgb,var(--bg) 65%,#fff));min-height:100vh;transition:background .9s,color .5s;position:relative;overflow:hidden}.glass{background:var(--card);-webkit-backdrop-filter:blur(24px)saturate(130%);backdrop-filter:blur(24px)saturate(130%);border:1px solid #ffffff9e;box-shadow:0 24px 80px #65234c21,inset 0 1px #ffffffb3}.topbar{z-index:20;border-radius:28px;justify-content:space-between;align-items:center;max-width:1180px;margin:18px auto 0;padding:16px 22px;display:flex;position:sticky;top:18px}.brand{letter-spacing:.05em;font-size:24px;font-weight:900}.subtitle{opacity:.72;margin-top:4px}.version{background:#ffffff7a;border-radius:999px;padding:8px 12px;font-size:13px}.shell{grid-template-columns:1.25fr .75fr;gap:22px;max-width:1180px;margin:26px auto 80px;padding:0 14px;display:grid}.hero{border-radius:42px;min-height:440px;padding:48px;position:relative;overflow:hidden}.hero:after{content:"♥";color:color-mix(in srgb,var(--primary) 13%,transparent);font-size:230px;line-height:1;position:absolute;bottom:-42px;right:30px}.badge{background:color-mix(in srgb,var(--primary) 16%,white);color:var(--primary);border-radius:999px;padding:8px 14px;font-weight:800;display:inline-flex}.hero h1{letter-spacing:-.07em;max-width:780px;margin:26px 0 18px;font-size:clamp(42px,7vw,82px);line-height:.95}.hero p{opacity:.82;max-width:700px;font-size:20px;line-height:1.7}.couple{align-items:center;gap:18px;margin-top:36px;display:flex}.person{color:#fff;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;width:118px;height:118px;display:flex;transform:rotate(-4deg);box-shadow:0 22px 40px #00000029}.person:last-child{transform:rotate(5deg)}.person b{font-size:42px}.person span{font-size:13px;font-weight:700}.heart{color:var(--primary);font-size:42px;animation:1.8s ease-in-out infinite throb}.panel{border-radius:34px;padding:24px}.controls h2,.history h2{margin:0 0 16px;font-size:20px}.actor-switch{gap:10px;margin-bottom:18px;display:grid}.actor-switch button{color:var(--text);text-align:left;cursor:pointer;background:#ffffff94;border:0;border-radius:18px;padding:12px;font-weight:800;transition:all .2s}.actor-switch button span{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;margin-right:8px;display:inline-grid}.actor-switch button.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;transform:translateY(-1px)}.stack{gap:10px;margin-top:14px;display:grid}.stack label{opacity:.75;font-size:13px;font-weight:900}.stack textarea,.stack input{width:100%;color:var(--text);background:#ffffff94;border:1px solid #ffffffb3;border-radius:18px;outline:none;padding:13px 14px}.stack textarea{resize:vertical;height:118px}.file-drop{cursor:pointer;border:1px dashed color-mix(in srgb,var(--primary) 45%,white);background:#ffffff73;border-radius:20px;padding:14px}.file-drop input{display:none}.stack button,.primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;cursor:pointer;box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 24%,transparent);border:0;border-radius:18px;padding:13px 16px;font-weight:900}.stack button:disabled{opacity:.55;cursor:wait}.chatbox{border-top:1px solid #fff9;padding-top:16px}.reply{background:color-mix(in srgb,var(--accent) 22%,white);border-radius:20px;margin-top:16px;padding:14px;font-weight:700;line-height:1.6}.sections{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.memory-card{border-left:5px solid var(--primary);border-radius:32px;min-height:220px;padding:26px;animation:.55s both rise}.card-icon{color:var(--primary);font-size:26px}.memory-card h3{letter-spacing:-.03em;margin:14px 0 12px;font-size:26px}.memory-card p{opacity:.82;margin:0;line-height:1.75}.history{max-height:540px;overflow:auto}.timeline{gap:13px;display:grid}.upload-item{background:#ffffff70;border:1px solid #ffffff73;border-radius:22px;padding:14px}.upload-meta{opacity:.72;justify-content:space-between;gap:8px;font-size:12px;display:flex}.upload-item h4{margin:10px 0 6px}.upload-item p{opacity:.82;margin:0;font-size:14px;line-height:1.55}.upload-item img{object-fit:cover;border-radius:16px;width:100%;max-height:240px;margin-top:10px}.interactions{align-content:start;gap:12px;display:grid}.beat{background:#ffffff70;border-radius:18px;gap:5px;padding:13px;display:grid}.beat span{font-size:14px}.beat em{opacity:.72;font-size:13px;font-style:normal}.orb{filter:blur(18px);opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.orb-a{background:var(--primary);width:260px;height:260px;animation:9s ease-in-out infinite float;top:120px;left:-70px}.orb-b{background:var(--secondary);width:210px;height:210px;animation:11s ease-in-out infinite reverse float;top:340px;right:-60px}.orb-c{background:var(--accent);width:160px;height:160px;animation:8s ease-in-out infinite float;bottom:80px;left:55%}.floating-layer{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.floating-layer span{top:105%;left:calc(var(--i,0)*10%);color:var(--primary);background:#ffffff73;border-radius:999px;padding:7px 12px;font-weight:900;animation:12s linear infinite drift;position:absolute}.floating-layer span:first-child{left:8%}.floating-layer span:nth-child(2){left:18%}.floating-layer span:nth-child(3){left:30%}.floating-layer span:nth-child(4){left:44%}.floating-layer span:nth-child(5){left:58%}.floating-layer span:nth-child(6){left:73%}.floating-layer span:nth-child(7){left:88%}.floating-layer span:nth-child(8){left:12%}.floating-layer span:nth-child(9){left:64%}.floating-layer span:nth-child(10){left:36%}.floating-layer span:nth-child(11){left:82%}.floating-layer span:nth-child(12){left:50%}@keyframes throb{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes float{0%,to{transform:translate(0,0)}50%{transform:translate(20px,-28px)}}@keyframes drift{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.8}90%{opacity:.72}to{opacity:0;transform:translateY(-115vh)rotate(18deg)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.pulse-1 .hero,.pulse-2 .hero,.pulse-3 .hero{animation:.7s both rise}@media (width<=900px){.topbar{margin:10px 10px 0}.shell{grid-template-columns:1fr}.hero{min-height:auto;padding:32px}.sections{grid-template-columns:1fr}.couple{transform-origin:0;transform:scale(.86)}.version{display:none}}.app:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(115deg,transparent 0 38%,color-mix(in srgb,var(--primary) 10%,transparent) 39% 40%,transparent 41% 100%),repeating-linear-gradient(90deg,#ffffff14 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,#ffffff12 0 1px,transparent 1px 72px);transform-origin:bottom;opacity:.58;animation:11s linear infinite gridMove;position:fixed;inset:-20%;transform:perspective(900px)rotateX(63deg)translateY(12%)}.topbar,.shell{z-index:2;position:relative}.starfield{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.starfield i{--x:50%;--y:50%;--d:0s;left:var(--x);top:var(--y);width:2px;height:2px;box-shadow:0 0 12px 2px color-mix(in srgb,var(--accent) 75%,white);animation:2.8s ease-in-out infinite twinkle;animation-delay:var(--d);opacity:.75;background:#fff;border-radius:50%;position:absolute}.hero{transform-style:preserve-3d;perspective:1000px}.hero h1{background:linear-gradient(100deg,var(--text),var(--primary),var(--secondary),var(--text));color:#0000;text-shadow:0 18px 55px color-mix(in srgb,var(--primary) 22%,transparent);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;animation:7s ease-in-out infinite shine}.scene3d{width:270px;height:270px;transform-style:preserve-3d;perspective:800px;opacity:.9;position:absolute;top:42px;right:36px}.ring{border:1.5px solid color-mix(in srgb,var(--primary) 55%,white);box-shadow:0 0 30px color-mix(in srgb,var(--primary) 30%,transparent),inset 0 0 30px color-mix(in srgb,var(--secondary) 18%,transparent);transform-style:preserve-3d;border-radius:50%;position:absolute;inset:22px}.ring-a{animation:8s linear infinite orbitA}.ring-b{border-color:color-mix(in srgb,var(--secondary) 58%,white);animation:10s linear infinite reverse orbitB;inset:44px}.ring-c{border-color:color-mix(in srgb,var(--accent) 78%,white);animation:6.5s linear infinite orbitC;inset:70px}.core{color:#fff;background:radial-gradient(circle at 30% 20%,#fff8,var(--primary) 40%,var(--secondary));box-shadow:0 0 60px color-mix(in srgb,var(--primary) 65%,transparent);border-radius:50%;place-items:center;font-size:42px;animation:2.2s ease-in-out infinite corePulse;display:grid;position:absolute;inset:97px}.memory-card{transform-style:preserve-3d;transition:transform .35s,box-shadow .35s}.memory-card:hover{box-shadow:0 34px 90px color-mix(in srgb,var(--primary) 18%,transparent);transform:translateY(-8px)rotateX(5deg)rotateY(-5deg)}.panel,.hero,.topbar,.memory-card{box-shadow:0 24px 80px #65234c21,inset 0 1px 0 #ffffffbf,0 0 0 1px color-mix(in srgb,var(--primary) 12%,transparent)}@keyframes gridMove{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,72px 0,0 72px}}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:.95;transform:scale(1.9)}}@keyframes shine{0%,to{background-position:0%}50%{background-position:100%}}@keyframes orbitA{0%{transform:rotateX(68deg)rotate(0)}to{transform:rotateX(68deg)rotate(360deg)}}@keyframes orbitB{0%{transform:rotateY(66deg)rotate(0)}to{transform:rotateY(66deg)rotate(360deg)}}@keyframes orbitC{0%{transform:rotateX(55deg)rotateY(40deg)rotate(0)}to{transform:rotateX(55deg)rotateY(40deg)rotate(360deg)}}@keyframes corePulse{0%,to{filter:saturate();transform:scale(.94)}50%{filter:saturate(1.45);transform:scale(1.08)}}@media (width<=900px){.scene3d{margin:10px auto -12px;position:relative;top:auto;right:auto;transform:scale(.82)}}.memory-comet{z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,#fff,color-mix(in srgb,var(--accent) 70%,white),transparent);width:180px;height:2px;filter:drop-shadow(0 0 14px var(--accent));opacity:0;position:fixed;transform:rotate(-22deg)}.comet-a{animation:7.8s ease-in-out 1.2s infinite comet;top:18%;left:-20%}.comet-b{animation:9.4s ease-in-out 4.1s infinite comet;top:62%;left:-25%}.orbit-dot{width:12px;height:12px;box-shadow:0 0 24px 8px color-mix(in srgb,var(--accent) 62%,transparent);transform-style:preserve-3d;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%}.dot-a{animation:5.5s linear infinite dotA}.dot-b{background:var(--accent);animation:7s linear infinite reverse dotB}.dot-c{background:var(--secondary);animation:8.5s linear infinite dotC}.sections{perspective:1200px}.card-gallery{background:linear-gradient(145deg,color-mix(in srgb,var(--secondary) 16%,var(--card)),var(--card))}.card-letter{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 12%,var(--card)),var(--card))}.card-timeline{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,var(--card)),var(--card))}.upload-item{position:relative;overflow:hidden}.upload-item:before{content:"";background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--primary) 18%,transparent),transparent 46%);opacity:.8;pointer-events:none;position:absolute;inset:0}.upload-item>*{position:relative}.reply{box-shadow:0 0 36px color-mix(in srgb,var(--accent) 22%,transparent)}@keyframes comet{0%{opacity:0;transform:translate(0,0)rotate(-22deg)}12%{opacity:.9}38%{opacity:.1}to{opacity:0;transform:translate(145vw,44vh)rotate(-22deg)}}@keyframes dotA{0%{transform:rotate(0)translate(118px)rotate(0)}to{transform:rotate(360deg)translate(118px)rotate(-360deg)}}@keyframes dotB{0%{transform:rotate(0)rotateX(65deg)translate(92px)}to{transform:rotate(360deg)rotateX(65deg)translate(92px)}}@keyframes dotC{0%{transform:rotate(0)rotateY(68deg)translate(70px)}to{transform:rotate(360deg)rotateY(68deg)translate(70px)}}.original-name{opacity:.58;word-break:break-all;margin:-2px 0 8px;font-size:11px;display:block}.app{--intensity:.72}.layout-portal .hero{clip-path:polygon(0 0,100% 0,96% 88%,56% 100%,0 92%)}.layout-theater .shell{grid-template-columns:.8fr 1.2fr}.layout-theater .hero{text-align:center;grid-column:1/-1}.layout-gallery .sections{grid-template-columns:1.2fr .8fr 1fr}.layout-diary .sections{grid-template-columns:repeat(2,1fr)}.layout-constellation .memory-card:nth-child(odd){transform:translateY(22px)rotate(-1.5deg)}.layout-constellation .memory-card:nth-child(2n){transform:translateY(-10px)rotate(1.5deg)}.storyline{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,white),color-mix(in srgb,var(--secondary) 12%,white));max-width:680px;box-shadow:0 20px 50px color-mix(in srgb,var(--primary) 16%,transparent);border-radius:24px;margin-top:18px;padding:16px 18px;font-weight:800;line-height:1.7}.motif-strip{border-radius:28px;flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:10px;padding:16px;display:flex}.motif-strip span{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 20%,white),color-mix(in srgb,var(--accent) 18%,white));color:var(--text);box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 12%,transparent);border-radius:999px;padding:9px 14px;font-weight:900}.app .orb,.scene3d,.memory-comet,.floating-layer span{animation-duration:calc(10s - var(--intensity)*3s)}.layout-portal .scene3d{opacity:.38;top:28px;right:calc(50% - 135px);transform:scale(1.55)}.layout-gallery .upload-item img{max-height:320px}.layout-diary .memory-card{border-radius:18px 42px}.layout-theater .hero h1{max-width:none}.layout-theater .scene3d{opacity:.25;top:120px;left:calc(50% - 135px);right:auto;transform:scale(2.1)}@media (width<=900px){.layout-theater .shell,.layout-diary .sections,.layout-gallery .sections{grid-template-columns:1fr}.layout-portal .scene3d,.layout-theater .scene3d{opacity:.7;position:relative;top:auto;left:auto;right:auto;transform:scale(.9)}}.versions{grid-column:1/-1}.version-item{background:#ffffff6b;border:1px solid #ffffff7a;border-radius:22px;margin-bottom:12px;padding:14px}.version-item.active{outline:2px solid var(--primary);box-shadow:0 0 38px color-mix(in srgb,var(--primary) 25%,transparent)}.version-item>div:first-child{opacity:.75;align-items:center;gap:10px;display:flex}.version-item>div:first-child span{background:color-mix(in srgb,var(--secondary) 16%,white);border-radius:999px;padding:3px 8px;font-size:12px}.version-item h4{margin:8px 0 4px}.version-item p{opacity:.72;margin:0 0 10px;font-size:13px}.version-actions{gap:8px;display:flex}.version-actions button{color:var(--text);cursor:pointer;background:#ffffffa8;border:0;border-radius:12px;padding:8px 10px;font-weight:800}.version-actions button:last-child{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.version-switch{z-index:50;position:relative}.version-trigger{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 20%,white),#ffffff8c);color:var(--text);box-shadow:0 14px 32px color-mix(in srgb,var(--primary) 16%,transparent);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 10px 8px 13px;display:flex}.version-trigger span{font-weight:950}.version-trigger em{opacity:.72;white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-size:12px;font-style:normal;overflow:hidden}.version-trigger b{font-size:13px}.version-menu{border-radius:24px;width:min(420px,88vw);max-height:520px;padding:12px;position:absolute;top:48px;right:0;overflow:auto}.version-menu-head{justify-content:space-between;align-items:center;padding:6px 8px 10px;display:flex}.version-menu-head button{background:color-mix(in srgb,var(--accent) 28%,white);color:var(--text);cursor:pointer;border:0;border-radius:999px;padding:6px 10px;font-weight:850}.version-option{background:#ffffff75;border:1px solid #ffffff80;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:8px 0;padding:8px;display:grid}.version-option.active{outline:2px solid var(--primary)}.version-option>button:first-child{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;gap:3px;display:grid}.version-option span{color:var(--primary);font-size:12px;font-weight:950}.version-option strong{font-size:14px;line-height:1.3}.version-option em{opacity:.62;font-size:11px;font-style:normal}.restore-mini{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;cursor:pointer;border:0;border-radius:14px;padding:8px 10px;font-weight:900}@media (width<=900px){.version-trigger em{max-width:88px}.version-menu{right:-8px}}