@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Lora:ital,wght@1,600;1,700&family=Noto+Serif+SC:wght@500;700&family=ZCOOL+XiaoWei&display=swap";:root{--ink: #452837;--soft-ink: #684555;--muted: #8a6874;--blossom-900: #7e2f51;--blossom-700: #d86191;--blossom-500: #f3a1c2;--blossom-300: #ffd7e6;--blossom-100: #fff4f8;--ivory: #fff8fb;--pearl: #fffefe;--sky: #b8dcff;--sage: #a7c58d;--sage-deep: #5e7c55;--gold: #e9c46a;--glass: rgba(255, 250, 252, .76);--record-accent: #f0a9bc;--shadow: 0 22px 62px rgba(134, 69, 93, .18);--date-font: "Lora", Georgia, "Times New Roman", serif;--italic-date-size: 1.22rem}*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth}body{margin:6px 0 0;color:var(--ink);background:#ffdce8;font-family:"Noto Serif SC",Microsoft YaHei,serif;line-height:1.6;overflow-x:clip}#app{--app-scale: 1;--design-width: 1920px;--design-height: 912px;--section-side-padding: clamp(26px, 3.75vw, 60px);min-height:100dvh;overflow-x:clip;position:relative}.fixed-design-stage,.design-stage{left:50%;transform:translate(-50%) scale(var(--app-scale));transform-origin:top center;width:var(--design-width)}.fixed-design-stage{height:var(--design-height);pointer-events:none;position:fixed;top:0;z-index:20}.fixed-design-stage>*{pointer-events:auto}.stage-shell{height:var(--stage-shell-height, var(--design-height));min-height:var(--stage-shell-height, var(--design-height));overflow:visible;position:relative;width:100%}.design-stage{backface-visibility:hidden;min-height:var(--design-height);position:absolute;top:0;transform-style:preserve-3d}button,textarea,input,a{font:inherit}a{color:inherit;text-decoration:none}button{border:0;cursor:pointer}code{background:#d861911f;border-radius:5px;color:var(--blossom-900);padding:1px 5px}.sakura-wallpaper{backface-visibility:hidden;contain:paint;inset:0;overflow:visible;pointer-events:none;position:fixed;transform:translateZ(0);will-change:transform;z-index:0}.sakura-photo-scene{--px: 0;--py: 0;background:#ffd3e1}.sakura-photo-image,.sakura-photo-cleanup,.sakura-photo-canvas,.sakura-photo-sun,.sakura-photo-grade,.sakura-photo-vignette{backface-visibility:hidden;height:100%;inset:0;position:absolute;transform:translateZ(0);width:100%}.sakura-photo-image{animation:photoBreath 18s ease-in-out infinite;background-image:var(--hero-image);background-position:center center;background-size:cover;filter:saturate(1.06) contrast(1.035) brightness(.995) sepia(.015) hue-rotate(-2deg);transform:translate3d(calc(var(--px) * -9px),calc(var(--py) * -5px),0) scale(1.035);transform-origin:center;z-index:0}.sakura-photo-canvas{filter:none;z-index:3}.sakura-photo-cleanup{background:radial-gradient(ellipse at 3.5% 72%,rgba(222,138,171,.62) 0 1.7%,transparent 3.3%),radial-gradient(ellipse at 11.6% 72.6%,rgba(95,64,50,.68) 0 .9%,rgba(158,100,86,.34) 1.8%,transparent 3.2%),radial-gradient(ellipse at 17.6% 71.8%,rgba(221,141,174,.5) 0 1%,transparent 2.3%);filter:blur(4px);mix-blend-mode:multiply;opacity:.34;z-index:1}.sakura-photo-sun{background:radial-gradient(ellipse at 96% 7%,rgba(171,214,255,.18),rgba(227,241,255,.07) 42%,rgba(255,210,230,.05) 68%,transparent 88%),radial-gradient(ellipse at 88% 26%,rgba(255,199,222,.18),rgba(255,228,238,.08) 54%,transparent 82%);-webkit-mask-image:radial-gradient(ellipse 36% 31% at 96% 11%,#000 0 38%,rgba(0,0,0,.25) 60%,transparent 86%);mask-image:radial-gradient(ellipse 36% 31% at 96% 11%,#000 0 38%,rgba(0,0,0,.25) 60%,transparent 86%);mix-blend-mode:normal;opacity:.12;z-index:2}.sakura-photo-grade{background:radial-gradient(ellipse at 16% 18%,rgba(255,126,178,.09),transparent 42%),radial-gradient(ellipse at 45% 18%,rgba(255,178,208,.055),transparent 44%),radial-gradient(ellipse at 76% 72%,rgba(255,194,218,.07),transparent 58%),radial-gradient(ellipse at 24% 94%,rgba(255,145,185,.07),transparent 48%),linear-gradient(110deg,#ff96be0b,#ffd0e208 52%,#ffe9f107),linear-gradient(180deg,rgba(255,234,243,.018) 0%,transparent 52%,rgba(255,176,205,.075) 100%);mix-blend-mode:normal;opacity:.3;z-index:1}.sakura-photo-vignette{background:radial-gradient(ellipse at center,transparent 74%,rgba(126,58,82,.026) 100%),linear-gradient(180deg,rgba(255,238,246,.01) 0%,transparent 50%,rgba(255,166,198,.11) 100%);z-index:4}main,.footer{position:relative;z-index:2}.site-header{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;border-bottom:0;display:flex;gap:22px;justify-content:flex-end;left:0;padding:14px clamp(14px,2vw,28px) 14px clamp(18px,4vw,48px);position:fixed;right:0;top:0;z-index:10}.fixed-design-stage .site-header{left:0;position:absolute;right:0;top:0;width:100%}.brand,.nav-links,.hero-actions,.note-actions,.garden-controls,.player-controls,.progress-wrap,.playlist-tabs,.backend-hint{align-items:center;display:flex}.brand{color:#9a3f62;font-weight:700;gap:10px;text-shadow:0 2px 12px rgba(255,255,255,.86);white-space:nowrap;order:2}.brand-mark{background:radial-gradient(circle at 50% 50%,#e8b95f 0 9%,transparent 10%),radial-gradient(ellipse at 50% 18%,#fff6f8 0 24%,transparent 25%),radial-gradient(ellipse at 82% 48%,#ffc9d8 0 23%,transparent 24%),radial-gradient(ellipse at 50% 82%,#fff6f8 0 24%,transparent 25%),radial-gradient(ellipse at 18% 48%,#ffc9d8 0 23%,transparent 24%);border:1px solid rgba(185,107,131,.2);border-radius:50%;box-shadow:0 8px 24px #d861912e;display:inline-block;height:28px;transform:rotate(-10deg);width:28px}.account-orb{align-items:center;background:transparent;border:0;cursor:pointer;display:inline-flex;flex:0 0 auto;gap:9px;justify-content:flex-start;min-width:132px;padding:0}.account-orb .brand-mark{height:32px;width:32px}.account-orb:hover .brand-mark{box-shadow:0 10px 28px #d8619147;transform:translateY(-1px) rotate(-10deg)}.account-name-label{color:#9a3f62;display:inline-block;font-size:.96rem;font-weight:800;min-width:84px;text-align:left;text-shadow:0 2px 12px rgba(255,255,255,.92)}.account-name-label.is-empty{visibility:hidden}.account-menu{-webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12);background:#fff6fbc7;border:1px solid rgba(255,255,255,.72);border-radius:8px;box-shadow:0 18px 44px #7e2f5129;box-sizing:border-box;color:#8c3154;height:148px;min-width:0;overflow:hidden;padding:12px;position:fixed;right:clamp(14px,2vw,28px);top:56px;width:min(238px,calc(100vw - 28px));z-index:12}.account-menu p{margin:5px 0 0}.account-menu-top{align-items:flex-start;display:flex;gap:6px;justify-content:space-between;min-height:60px;width:100%}.account-menu-top.is-editing{align-items:flex-start;gap:6px}.account-menu-main{display:grid;flex:1 1 auto;grid-template-rows:30px 12px 18px;min-width:0}.account-menu-top.is-editing .account-menu-main{flex:1 1 0;max-width:calc(100% - 66px);min-width:0}.account-menu-name{align-self:center;color:var(--blossom-900);font-size:.95rem;font-weight:800;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-id{align-self:end;color:#684555b8;font-size:.82rem;line-height:18px;margin-top:0}.account-menu-edit{align-items:center;background:#fff9fcbd;border:1px solid rgba(216,97,145,.18);border-radius:999px;color:#a12c5f;display:inline-flex;flex:0 0 auto;height:28px;justify-content:center;width:28px}.account-name-input{align-self:center;background:#fffafdeb;border:1px solid rgba(216,97,145,.2);border-radius:5px;color:var(--blossom-900);font-size:.95rem;font-weight:800;box-sizing:border-box;height:30px;min-width:0;padding:0 7px;width:100%}.account-name-input.is-invalid{border-color:#ca305ecc;box-shadow:0 0 0 3px #ca305e1a}.account-edit-inline{align-items:center;display:inline-flex;flex:0 0 auto;gap:5px;height:30px}.account-edit-form{border-top:1px solid rgba(216,97,145,.12);display:grid;gap:8px;margin-top:11px;padding-top:11px}.account-edit-form input{background:#fffafdd6;border:1px solid rgba(216,97,145,.18);border-radius:8px;color:var(--ink);height:36px;padding:0 11px}.account-edit-form input.is-invalid{border-color:#ca305ec7;box-shadow:0 0 0 3px #ca305e1a}.account-edit-actions{display:grid;gap:8px;grid-template-columns:1fr .8fr}.account-edit-save,.account-edit-cancel,.account-signout{background:linear-gradient(135deg,#fff4f9f5,#ffd6e7c7);border:1px solid rgba(216,97,145,.2);border-radius:999px;color:#a12c5f;font-size:.84rem;font-weight:700;padding:7px 16px}.account-edit-save{align-items:center;display:inline-flex;gap:5px;justify-content:center}.account-edit-inline .account-edit-save,.account-edit-inline .account-edit-cancel{align-items:center;display:inline-flex;height:28px;justify-content:center;padding:0;width:30px}.account-edit-save:disabled{cursor:not-allowed;opacity:.52}.account-edit-cancel{background:#fffafdb8}.account-edit-error{color:#c0305e;font-size:.76rem;font-weight:700;line-height:1.2;margin-top:0;min-height:12px;opacity:0;overflow:hidden}.account-edit-error.is-visible{opacity:1}.account-menu-limit{color:#6845559e;font-size:.76rem;margin-top:0}.account-signout{margin-top:7px;width:100%}.auth-overlay{align-items:center;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:30}.auth-backdrop{background:radial-gradient(circle at 18% 18%,rgba(255,159,199,.12),transparent 32%),linear-gradient(135deg,#5b2a412e,#ffd1e529);inset:0;position:absolute}.auth-modal-card{-webkit-backdrop-filter:blur(12px) saturate(1.02);backdrop-filter:blur(12px) saturate(1.02);background:linear-gradient(145deg,#fffdfef0,#ffeaf4e0 56%,#ffd5e8d1);border:1px solid rgba(255,255,255,.72);border-radius:8px;box-shadow:0 30px 86px #7e2f5138,inset 0 1px #ffffffb8;color:var(--blossom-900);display:flex;flex-direction:column;height:590px;max-height:calc(100svh - 32px);overflow:hidden;padding:30px 34px 74px;position:relative;width:min(92vw,408px)}.auth-modal-card:focus-within{-webkit-backdrop-filter:blur(8px) saturate(1);backdrop-filter:blur(8px) saturate(1)}.auth-close{align-items:center;background:#fff7fbbd;border:1px solid rgba(216,97,145,.16);border-radius:50%;color:var(--blossom-900);display:inline-flex;height:36px;justify-content:center;position:absolute;right:18px;top:18px;width:36px;z-index:2}.auth-modal-glow,.auth-flower{pointer-events:none;position:absolute}.auth-modal-glow,.auth-flower{display:none}.auth-heading,.auth-form,.auth-message,.auth-switch{position:relative;z-index:1}.auth-heading{margin-bottom:18px}.auth-eyebrow{color:var(--blossom-700);font-size:.78rem;font-weight:700;letter-spacing:0;margin-bottom:6px;text-transform:uppercase}.auth-heading h2{color:var(--blossom-900);font-size:clamp(1.55rem,4vw,1.88rem);line-height:1.18;margin:0}.auth-form{display:grid;gap:8px}.auth-form-login{padding-top:70px}.auth-form-register{gap:5px;padding-bottom:22px}.auth-field{color:#8c3154;display:grid;font-weight:700;gap:5px}.auth-field span{font-size:.88rem}.auth-field input{background:#fffafdd1;border:1px solid rgba(216,97,145,.17);border-radius:8px;color:var(--ink);height:44px;padding:0 14px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.auth-field input.is-invalid{background:#fff7fbeb;border-color:#ca305ec7;box-shadow:0 0 0 3px #ca305e1a}.field-error{color:#c0305e;font-size:.76rem;font-weight:600;line-height:1.25;margin:0;min-height:16px;opacity:0;transition:opacity .14s ease}.field-error.is-visible{opacity:1}.password-control{position:relative}.password-control input{padding-right:48px}.password-eye{align-items:center;background:transparent;color:#7e2f51b8;display:inline-flex;height:34px;justify-content:center;position:absolute;right:6px;top:3px;width:34px}.auth-submit{align-items:center;background:linear-gradient(135deg,#ff91bd,#db4d87 62%,#aa2d63);border:1px solid rgba(255,255,255,.74);border-radius:999px;box-shadow:0 16px 34px #bc356c3d;color:#fff;display:inline-flex;font-weight:700;gap:9px;height:46px;justify-content:center;margin-top:2px}.auth-form-register .auth-submit{margin-bottom:18px}.auth-submit:disabled{cursor:wait;opacity:.72}.auth-message{border-radius:8px;font-size:.82rem;margin:10px 0 0;min-height:36px;padding:8px 11px}.auth-message.is-error{background:#b9235414;color:#8f214d}.auth-message.is-success{background:#87ad641f;color:#577445}.auth-switch{bottom:26px;color:#684555c7;font-size:.92rem;left:34px;margin:0;position:absolute}.auth-switch button{background:transparent;color:#d83f7c;font-weight:700;padding:0}.nav-links{color:#6e4956db;gap:clamp(16px,2.4vw,32px);font-size:.96rem;margin-left:auto;order:1;text-shadow:0 2px 12px rgba(255,255,255,.9)}.site-header .icon-button{order:3}.nav-links a{position:relative}.nav-links a:after{background:linear-gradient(90deg,var(--blossom-500),var(--gold));border-radius:999px;bottom:-6px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .18s ease;width:100%}.nav-links a:hover:after{transform:scaleX(1)}.icon-button,.play-button{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 auto;justify-content:center;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.icon-button{background:#fff7fac7;border:1px solid rgba(216,97,145,.14);color:var(--blossom-900);height:46px;width:46px}.play-button{background:linear-gradient(145deg,#ff8eb9,#d33b78 68%,#b42d67);border:2px solid rgba(255,255,255,.74);box-shadow:0 14px 30px #be2d694d;color:#fff;height:62px;width:62px}.icon-button:hover,.play-button:hover,.primary-button:hover,.ghost-button:hover,.icon-text-button:hover,.playlist-tab:hover{transform:translateY(-2px)}.hero{align-items:end;display:grid;grid-template-columns:minmax(360px,.94fr) minmax(320px,.76fr);isolation:isolate;min-height:108svh;overflow:hidden;padding:118px clamp(18px,6vw,82px) clamp(96px,18svh,180px);position:relative}.hero:before{animation:none;background:linear-gradient(90deg,rgba(255,163,202,.055) 0%,transparent 26%,rgba(255,232,241,.03) 56%,rgba(255,207,226,.07) 100%),linear-gradient(180deg,rgba(255,246,251,.05),transparent 30%,rgba(255,201,224,.075) 100%);content:"";inset:0;mix-blend-mode:normal;opacity:.54;pointer-events:none;position:absolute;transform-origin:center;will-change:transform;z-index:-1}.hero:after{background:linear-gradient(180deg,transparent 0 62%,rgba(255,211,228,.11) 82%,rgba(255,242,248,.28) 100%),linear-gradient(90deg,rgba(255,220,235,.08),transparent 26%,transparent 78%,rgba(255,231,240,.1));content:"";inset:0;opacity:.58;pointer-events:none;position:absolute;z-index:-1}.hero-backdrop{background:transparent;filter:none;inset:0;overflow:hidden;position:absolute;z-index:-2}.hero-backdrop:before{background:linear-gradient(104deg,transparent 36%,rgba(255,146,192,.05) 56%,rgba(255,214,232,.035) 82%,transparent 100%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 42%);content:"";filter:none;inset:0;mix-blend-mode:normal;opacity:.5;position:absolute;transform-origin:18% 16%;will-change:transform}.hero-backdrop:after{background:linear-gradient(180deg,transparent 0 70%,rgba(255,224,238,.1) 86%,rgba(255,245,250,.24) 100%);content:"";inset:0;opacity:.5;position:absolute}.hero-content{animation:fadeUp .82s ease .12s both;align-self:end;-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;border:0;border-radius:8px;box-shadow:none;grid-column:2;justify-self:end;max-width:min(500px,40vw);padding:0;position:relative;text-align:right;z-index:1}.kicker,.section-eyebrow,.panel-label,.note-date,.track-meta>span{color:var(--blossom-700);font-size:.86rem;font-weight:700;letter-spacing:0;margin:0 0 10px;text-transform:uppercase}.hero-content .kicker{color:#df4d86;text-shadow:0 2px 12px rgba(255,255,255,.92),0 10px 32px rgba(113,40,66,.18)}h1,h2,h3,p{margin-top:0}h1{color:var(--blossom-900);font-family:ZCOOL XiaoWei,"Noto Serif SC",serif;font-size:clamp(3.1rem,8.6vw,6.8rem);font-weight:400;line-height:1.02;margin-bottom:24px;max-width:760px;text-shadow:0 16px 46px rgba(255,255,255,.86)}.hero-actions,.note-actions,.garden-controls,.playlist-tabs{flex-wrap:wrap;gap:12px}.hero-actions{justify-content:flex-end}.hero-content .primary-button,.hero-content .ghost-button{background:transparent;border:0;border-radius:50%;box-shadow:none;color:#8c3154;flex:0 0 42px;height:42px;min-height:42px;padding:0;position:relative;text-shadow:0 2px 12px rgba(255,255,255,.96),0 8px 24px rgba(113,40,66,.18);width:42px}.hero-content .primary-button span,.hero-content .ghost-button span{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}.hero-content .primary-button:hover,.hero-content .ghost-button:hover{background:#ffe8f029}.primary-button,.ghost-button,.icon-text-button,.playlist-tab,.segment{align-items:center;border-radius:999px;display:inline-flex;gap:9px;justify-content:center;min-height:46px;padding:0 18px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-button{background:linear-gradient(135deg,#fffdfef0,#ffdbe7c2 58%,#daecb2b8);box-shadow:0 10px 24px #d87a9a1f,inset 0 1px #ffffffb8;color:#954665}.ghost-button,.icon-text-button,.playlist-tab,.segment{background:#fffcfe94;border:1px solid rgba(239,177,198,.2);color:#99506b;box-shadow:inset 0 1px #ffffff94}.compact{min-height:42px;padding-inline:15px}.daily-line{color:#8e3155;font-family:KaiTi,STKaiti,楷体,"Noto Serif SC",serif;font-size:clamp(1.08rem,2vw,1.45rem);font-weight:700;margin:24px 0 0 auto;max-width:500px;min-height:1.6em;overflow:hidden;text-shadow:none;text-overflow:ellipsis;white-space:nowrap}.section{padding:clamp(56px,9vw,108px) clamp(18px,6vw,82px)}.section-heading{animation:fadeUp .76s ease both;margin-bottom:34px}.intro-copy h2,.section-heading h2{color:var(--blossom-900);font-size:clamp(1.8rem,4.8vw,3.4rem);line-height:1.18;margin-bottom:0}.music-section{align-items:center;background:transparent;display:flex;min-height:100svh;padding-block:clamp(34px,4.2vw,54px) clamp(96px,8vw,132px);position:relative}.music-section:before{content:"";display:none;inset:0;pointer-events:none;position:absolute}.music-player{align-items:stretch;animation:fadeUp .82s ease .12s both;display:grid;gap:clamp(24px,3.2vw,52px);grid-template-columns:minmax(320px,.9fr) minmax(420px,1.22fr);margin-inline:auto;max-width:1520px;position:relative;width:min(100%,1520px);z-index:1}.turntable-card,.player-panel{-webkit-backdrop-filter:blur(10px) saturate(.98);backdrop-filter:blur(10px) saturate(.98);background:radial-gradient(circle at 18% 0%,rgba(255,250,253,.28),transparent 36%),radial-gradient(circle at 82% 8%,rgba(255,188,214,.14),transparent 42%),linear-gradient(135deg,#ffe8f2ad,#ffdbe89e 48%,#ffeef5ad);border:1px solid rgba(255,255,255,.5);border-radius:8px;box-shadow:0 24px 54px #82345421,inset 0 1px #ffffff75,inset 0 -28px 70px #ee90b321;overflow:hidden;position:relative}.turntable-card:before,.player-panel:before{content:"";background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 32%),radial-gradient(ellipse at 78% 0%,rgba(255,186,213,.12),transparent 48%),radial-gradient(ellipse at 18% 100%,rgba(238,144,179,.06),transparent 46%);border-radius:inherit;display:block;inset:0;opacity:.76;pointer-events:none;position:absolute;z-index:0}.turntable-card{align-self:start;aspect-ratio:1;-webkit-backdrop-filter:blur(8px) saturate(.96);backdrop-filter:blur(8px) saturate(.96);background:radial-gradient(circle at 20% 0%,rgba(255,250,253,.22),transparent 36%),radial-gradient(circle at 84% 6%,rgba(255,186,213,.1),transparent 42%),linear-gradient(135deg,#ffe7f18a,#ffdae87a,#ffeef58a);justify-self:center;min-height:0;overflow:visible;padding:clamp(18px,2.1vw,30px);width:min(100%,clamp(440px,39vw,600px))}.player-panel{background:radial-gradient(circle at 18% 0%,rgba(255,247,252,.18),transparent 36%),radial-gradient(circle at 78% 14%,rgba(240,104,158,.13),transparent 44%),radial-gradient(circle at 28% 88%,rgba(255,170,205,.1),transparent 48%),linear-gradient(135deg,#ffe8f28a,#ffdcea7a 48%,#ffeff68a)}.player-panel:after{background:radial-gradient(ellipse at 24% 16%,rgba(255,205,228,.4),transparent 54%),radial-gradient(ellipse at 82% 18%,rgba(255,205,228,.22),transparent 54%),radial-gradient(ellipse at 18% 48%,rgba(255,226,239,.48) 0%,rgba(255,232,242,.28) 36%,transparent 68%),linear-gradient(180deg,#ffe4f0b8,#ffe8f280 38%,#fff0f62e 70%,#fff8fb0d);border-radius:inherit;content:"";inset:0;opacity:.83;pointer-events:none;position:absolute;z-index:1}.player-panel>:not(.sakura-branch){position:relative;z-index:3}.turntable-plate{align-items:center;background:transparent;border:0;border-radius:0;display:flex;justify-content:center;inset:0;min-height:100%;overflow:visible;position:absolute;width:100%;z-index:1}.turntable-plate:before{display:none}.record{align-items:center;aspect-ratio:1;border-radius:50%;display:flex;height:auto;justify-content:center;max-width:462px;overflow:visible;position:relative;width:clamp(340px,74%,462px)}.record-body{align-items:center;background:transparent;border:0;border-radius:50%;box-shadow:none;display:flex;inset:0;justify-content:center;overflow:visible;position:absolute;transform-origin:50% 50%;z-index:1}.record-body:before{display:none}.vinyl-image{border-radius:50%;display:block;filter:saturate(1.16) contrast(1.1) brightness(.94);height:100%;inset:0;object-fit:contain;position:absolute;transform:translateZ(0);transform-origin:50% 50%;will-change:transform;width:100%;z-index:1}.record.is-playing .record-body{animation:spin 5.5s linear infinite}.record-groove{border:1px solid rgba(255,208,225,.06);border-radius:50%;display:none;inset:13%;position:absolute;z-index:1}.record-sheen{background:transparent;border-radius:inherit;inset:0;mix-blend-mode:screen;overflow:hidden;pointer-events:none;position:absolute;z-index:4;display:none}.record-sheen:before{background:radial-gradient(ellipse 135% 96% at 76% 50%,transparent 0 45%,rgba(255,255,255,.5) 49%,rgba(255,232,242,.3) 55%,rgba(255,246,251,.12) 61%,transparent 69%);border-radius:999px;content:"";filter:blur(3.8px);height:62%;left:22%;opacity:.76;position:absolute;top:5%;transform:rotate(-31deg);transform-origin:center;width:18%}.record-sheen:after{background:radial-gradient(ellipse 115% 80% at 55% 50%,transparent 0 38%,rgba(255,250,253,.3) 45%,rgba(255,213,232,.16) 54%,transparent 67%);border-radius:999px;content:"";filter:blur(3.2px);height:26%;left:66%;opacity:.5;position:absolute;top:59%;transform:rotate(-31deg);transform-origin:center;width:18%}.record-groove:before,.record-groove:after{border:1px solid rgba(255,220,234,.13);border-radius:inherit;content:"";inset:16%;position:absolute}.record-groove:after{inset:32%}.record-label{align-items:center;background:radial-gradient(circle at 50% 44%,#fffffff0,#ffe1ece6 70%,#ffb5d1b8);border:1px solid rgba(207,75,128,.2);border-radius:50%;color:#d2437a;display:flex;height:29%;justify-content:center;position:relative;width:29%;z-index:3;box-shadow:0 0 0 7px #ffdeeb8a,0 0 0 9px #8e1c493d,inset 0 0 18px #ff9cc433}.record-flower{display:block;filter:saturate(1.08) contrast(1.02);height:48%;object-fit:contain;opacity:.96;width:48%}.tonearm{background:transparent;height:62%;position:absolute;right:5.8%;top:5.2%;transform:rotate(1deg);transform-origin:83% 9%;transition:transform .3s ease;width:30%;z-index:5}.tonearm.is-playing{transform:rotate(5deg)}.tonearm:before{background:radial-gradient(circle at 50% 50%,rgba(121,24,70,.96) 0 8%,transparent 9%),radial-gradient(circle at 42% 34%,#ffffffeb 0 18%,#ffc4dadb 19% 38%,#972555f5 56% 100%);border:3px solid rgba(142,38,85,.72);border-radius:50%;box-shadow:0 8px 18px #6f224533,inset 0 0 0 4px #ffecf661,inset 0 -8px 14px #580d2d3d;content:"";height:46px;right:0;position:absolute;top:0;width:46px;z-index:4}.tonearm-rod{display:block;height:86%;position:absolute;right:8px;top:20px;width:86%;z-index:2}.tonearm-rod-shadow,.tonearm-rod-core,.tonearm-rod-glint{fill:none;stroke-linecap:round;stroke-linejoin:round}.tonearm-rod-shadow{opacity:.2;transform:translate(3px,5px)}.tonearm-rod-core{filter:drop-shadow(0 8px 9px rgba(113,40,66,.14))}.tonearm-rod-glint{opacity:.72}.tonearm-head{background:linear-gradient(145deg,#fff1f7 0 9%,#ffb0cd 18%,#db4d87 64%,#8e285c);border:1px solid rgba(132,38,74,.34);border-radius:5px 5px 10px 10px;bottom:.8%;box-shadow:0 10px 20px #71284233,inset 1px 1px #ffffff94,inset -4px -5px 10px #6313392e;display:block;height:50px;position:absolute;right:27%;transform:rotate(21deg);width:34px;z-index:3}.tonearm-head:before{background:linear-gradient(90deg,#fff6fbdb,#dc5786e6 56%,#801f4dc2);border-radius:999px;box-shadow:0 5px 12px #7128421f,inset 1px 0 #ffffff8a;content:"";height:24px;left:50%;position:absolute;top:-20px;transform:translate(-50%) rotate(-14deg);transform-origin:bottom center;width:5px}.tonearm-head:after{background:linear-gradient(90deg,transparent,rgba(255,245,250,.62),transparent);border-radius:4px;content:"";height:7px;left:50%;position:absolute;top:10px;transform:translate(-50%);width:17px}.tonearm{appearance:none;border:0;cursor:pointer;height:auto;padding:0;right:4.2%;top:5.8%;transform:rotate(-14deg);transform-origin:76% 7%;width:clamp(140px,28%,190px)}.tonearm.is-playing{transform:rotate(-4deg)}.tonearm:before{display:none}.tonearm-image{display:block;filter:saturate(1.08) contrast(1.04) drop-shadow(0 13px 18px rgba(103,27,62,.18));height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.tonearm-rod,.tonearm-head{display:none}.auth-card,.upload-card,.saved-note,.reason-card,.photo-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffafcc2;border:1px solid rgba(216,97,145,.13);border-radius:8px;box-shadow:0 18px 48px #86455d24}.panel-controls{align-items:center;display:flex;gap:clamp(16px,2vw,28px);justify-content:center;position:relative;z-index:1}.round-control{align-items:center;border-radius:50%;color:#9c3159;display:inline-flex;height:56px;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;width:56px}.round-control.is-quiet{background:#fff8fbb8;border:1px solid rgba(255,255,255,.75);box-shadow:0 12px 28px #71284214}.round-control.is-primary{background:linear-gradient(145deg,#ef78a6,#be2d69);border:2px solid rgba(255,255,255,.82);box-shadow:0 16px 34px #be2d6957;color:#fff;height:70px;width:70px}.round-control:hover{transform:translateY(-2px)}.player-panel{display:grid;gap:clamp(9px,1.05vw,15px);grid-template-rows:auto auto auto minmax(0,1fr);min-height:min(660px,calc(100svh - 126px));padding:clamp(22px,2.85vw,40px)}.sakura-branch{height:176px;opacity:.56;pointer-events:none;position:absolute;right:-24px;top:4px;width:360px;z-index:2}.sakura-branch img{display:block;filter:saturate(1.16) contrast(1.1);height:100%;object-fit:contain;object-position:right top;width:100%}.track-meta{margin-top:clamp(-12px,-.78vw,-7px);max-width:min(600px,76%);position:relative;z-index:1}.track-meta h3{color:var(--blossom-900);font-size:clamp(1.9rem,2.26vw,2.42rem);line-height:1.06;margin:8px 0 10px;text-shadow:0 12px 30px rgba(255,205,226,.5)}.lyric-line{color:#6e4c5b;font-family:Cormorant Garamond,KaiTi,STKaiti,楷体,serif;font-size:clamp(1.34rem,1.98vw,1.8rem);line-height:1.58;margin:0;min-height:2.42em;text-shadow:0 2px 10px rgba(255,255,255,.78)}.lyric-line.is-empty{color:#735563b8}.backend-hint,.form-tip,.media-preview p{color:var(--muted)}.panel-controls{gap:clamp(22px,2.7vw,36px);justify-content:flex-start;margin-top:clamp(0px,.35vw,6px);order:3;position:relative;z-index:1}.player-panel .icon-button{height:42px;width:42px}.player-panel .play-button{box-shadow:0 12px 26px #be2d6942;height:56px;width:56px}.panel-controls .mode-control{margin-left:clamp(16px,2.2vw,34px)}.progress-wrap{color:var(--soft-ink);display:grid;font-size:.98rem;gap:10px;grid-template-columns:auto minmax(140px,1fr) auto;align-items:center;margin-top:clamp(-6px,-.45vw,-2px);order:2;position:relative;z-index:1}.track-meta{order:1}.playlist-card{order:4}.progress-slider{--thumb-size: 36px;--thumb-inset: 10px;--track-height: 5px;--track-inset: var(--thumb-inset);height:var(--thumb-size);min-width:0;position:relative}.progress-track-base,.progress-track-motion,.progress-thumb-motion{border-radius:999px;height:var(--track-height);left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.progress-track-base{background:#de8e7180;left:var(--track-inset);right:var(--track-inset)}.progress-track-motion{left:var(--thumb-inset);overflow:hidden;right:var(--thumb-inset)}.progress-track-fill{background:#c33b74;border-radius:inherit;display:block;height:100%;transition:none;will-change:width;width:var(--progress)}.progress-thumb-motion{height:var(--thumb-size);left:var(--thumb-inset);right:var(--thumb-inset);top:0;transform:none}.progress-thumb{background:var(--sakura-thumb) center center / 54px 54px no-repeat;border:0;box-shadow:none;filter:drop-shadow(0 1px 2px rgba(190,45,105,.18));height:var(--thumb-size);left:var(--progress);pointer-events:none;position:absolute;top:50%;transition:none;transform:translate(-50%,-50%);will-change:left;width:var(--thumb-size)}.progress-range{-webkit-appearance:none;appearance:none;background:transparent;border:0;box-shadow:none;color:transparent;cursor:pointer;bottom:0;height:var(--thumb-size);left:var(--thumb-inset);margin:0;outline:0;opacity:0;padding:0;position:absolute;right:var(--thumb-inset);top:0;-webkit-tap-highlight-color:transparent;width:auto}.progress-range:focus,.progress-range:focus-visible{outline:0}.progress-range::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:0;border-radius:999px;box-shadow:none;height:var(--thumb-size)}.progress-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:0;box-shadow:none;height:var(--thumb-size);margin-top:0;width:var(--thumb-size)}.progress-range::-moz-range-track{background:transparent;border:0;border-radius:999px;box-shadow:none;height:var(--track-height)}.progress-range::-moz-range-progress{background:transparent;border:0;border-radius:999px;box-shadow:none;height:var(--track-height)}.progress-range::-moz-range-thumb{background:transparent;border:0;border-radius:0;box-shadow:none;height:var(--thumb-size);width:var(--thumb-size)}.segment.is-active{background:var(--blossom-900);color:#fff}.playlist-card{background:radial-gradient(circle at 82% 0%,rgba(240,104,158,.08),transparent 48%),linear-gradient(180deg,#ffeef642,#ffe5f02e);border:1px solid rgba(216,97,145,.12);border-radius:8px;box-shadow:inset 0 1px #ffffff57;display:grid;gap:10px;margin-top:clamp(-2px,-.25vw,0px);min-height:0;padding:14px;position:relative;z-index:1}.playlist-head{align-items:center;display:flex;gap:18px;justify-content:space-between}.playlist-title{align-items:center;color:var(--blossom-900);display:inline-flex;font-weight:700;gap:8px}.playlist-search{align-items:center;background:#ffeff761;border:1px solid rgba(216,97,145,.11);border-radius:999px;color:#a34a6b;display:flex;gap:8px;min-width:min(210px,38%);padding:6px 12px}.playlist-search input{background:transparent;border:0;color:var(--soft-ink);font-size:.88rem;min-width:0;outline:0;padding:0;width:100%}.song-list{counter-reset:songs;display:grid;gap:8px;list-style:none;margin:0;max-height:454px;min-height:0;overflow:auto;overscroll-behavior-y:contain;padding:0 8px 0 0}.song-list::-webkit-scrollbar{width:5px}.song-list::-webkit-scrollbar-thumb{background:#d64b83;border-radius:999px}.song-list-empty{align-items:center;border:1px dashed rgba(216,97,145,.18);border-radius:8px;color:#7e2f51b8;display:flex;font-size:.95rem;font-weight:700;justify-content:center;min-height:160px}.song-row button{align-items:center;background:#ffeef75c;border:1px solid rgba(216,97,145,.09);border-radius:8px;color:#384858;display:grid;gap:14px;grid-template-columns:24px 42px minmax(0,1fr) 52px 22px;min-height:58px;padding:0 16px;text-align:left;transition:background .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease;width:100%}.song-row.is-active button{background:linear-gradient(135deg,#dc4985f2,#c32f71f0);box-shadow:0 16px 28px #c7347538;color:#fff}.song-row button:hover{transform:translateY(-1px)}.song-playing{align-items:center;display:inline-flex;min-height:22px}.song-index{color:#d4477d;font-size:1.1rem;font-weight:700;text-align:center}.song-row.is-active .song-index{color:#fff}.song-info{overflow:hidden;white-space:nowrap}.song-info-text{display:inline-block;max-width:100%;min-width:0}.song-info strong{color:inherit;font-size:1.12rem;font-weight:700}.song-info span span,.song-duration,.song-more{color:#394858ad}.song-row.is-active .song-info span span,.song-row.is-active .song-duration,.song-row.is-active .song-more{color:#ffffffe0}.intro-band{align-items:start;background:radial-gradient(circle at 84% 8%,rgba(246,207,218,.28),transparent 24%),linear-gradient(180deg,#fffaf4,#fff7f8);display:grid;gap:34px;grid-template-columns:minmax(0,.86fr) minmax(260px,1.14fr)}.reason-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.reason-card{animation:fadeUp .76s ease both;min-height:196px;padding:24px}.reason-card:nth-child(2){animation-delay:90ms}.reason-card:nth-child(3){animation-delay:.18s}.reason-card svg{color:var(--blossom-700)}.reason-card h3{color:var(--blossom-900);margin:18px 0 8px}.reason-card p{color:var(--muted);margin-bottom:0}.moments{background:transparent;isolation:isolate;overflow:visible;padding-bottom:clamp(42px,6vw,76px);padding-left:var(--section-side-padding);padding-right:var(--section-side-padding);padding-top:clamp(26px,4.2vw,54px);position:relative}.moments:before{background:radial-gradient(circle at 8% 0,rgba(255,210,226,.34),transparent 30%),radial-gradient(circle at 92% 8%,rgba(226,240,255,.28),transparent 30%),linear-gradient(180deg,#fff9fcb8,#ffecf4ad);content:"";inset:0;pointer-events:none;position:absolute;transform:none;z-index:-1}.memory-heading{align-items:flex-end;display:flex;gap:18px;justify-content:space-between;text-align:left}.memory-heading-copy{display:grid;gap:5px}.memory-tabs{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.memory-heading .memory-tabs{font-size:clamp(1.52rem,3.1vw,2.55rem);line-height:1.12}.memory-tab{background:transparent;border:0;color:#7e2f5180;font:inherit;font-weight:inherit;padding:0}.memory-tab.is-active{color:var(--blossom-900)}.memory-divider{color:#d861916b;font-weight:400}.memory-upload-button{flex:0 0 auto;margin-bottom:-12px}.user-photo-upload-icon.memory-upload-button:after{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;color:#f04b72;font-size:.9rem;font-weight:700;left:auto;line-height:1.3;padding:0;right:0;text-align:right;top:calc(100% + 7px);width:min(430px,calc(100vw - 72px));max-width:min(430px,calc(100vw - 72px));overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 10px rgba(255,255,255,.82);transform:translateY(-4px);white-space:nowrap}.user-photo-upload-icon.memory-upload-button:hover:after,.user-photo-upload-icon.memory-upload-button:focus-visible:after{transform:translateY(0)}.album-upload-notice{color:#a12c5f;font-size:.88rem;font-weight:800;margin:-10px 0 22px;text-align:right;text-shadow:0 8px 24px rgba(255,255,255,.9)}.public-photo-wall{margin-top:26px}.user-photo-timeline{margin-top:26px;position:relative}.user-photo-gallery{position:relative;overflow:visible}.section-jump-nav{-webkit-backdrop-filter:blur(16px) saturate(1.08);align-items:center;backdrop-filter:blur(16px) saturate(1.08);background:#fff6fbc7;border:1px solid rgba(255,255,255,.68);border-radius:999px;box-shadow:0 12px 30px #7e2f5124;color:#a12c5f;display:inline-flex;height:40px;justify-content:center;left:var(--jump-left);opacity:1;position:fixed;top:var(--jump-top);transform:translateZ(0) scale(var(--app-scale, 1));transform-origin:center left;transition:opacity .16s ease,transform .16s ease,box-shadow .16s ease;width:40px;z-index:25}.section-jump-nav:hover{box-shadow:0 16px 34px #7e2f5133;transform:translateY(-2px) scale(var(--app-scale, 1))}.section-jump-nav.is-down{color:#b33f71}.user-time-axis{align-items:flex-start;display:flex;gap:8px;left:var(--axis-left);pointer-events:none;position:fixed;top:var(--axis-top);transform:scale(var(--app-scale, 1));transform-origin:top left;z-index:24}.user-time-axis-trigger{-webkit-backdrop-filter:blur(16px) saturate(1.08);align-items:center;backdrop-filter:blur(16px) saturate(1.08);background:#fff6fbc7;border:1px solid rgba(255,255,255,.68);border-radius:999px;box-shadow:0 12px 30px #7e2f5124;color:#a12c5f;display:inline-flex;height:40px;justify-content:center;pointer-events:auto;width:40px}.user-time-axis-panel{-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);background:#fff7fbd1;border:1px solid rgba(255,255,255,.68);border-radius:8px;box-shadow:0 18px 44px #7e2f5124;display:grid;gap:6px;max-height:252px;opacity:0;overscroll-behavior:contain;overflow-x:hidden;overflow-y:auto;padding:8px;pointer-events:none;transform:translate(-8px);transition:opacity .16s ease,transform .16s ease;width:146px}.user-time-axis-panel{scrollbar-color:rgba(226,91,146,.56) transparent;scrollbar-width:thin}.user-time-axis-panel::-webkit-scrollbar{width:6px}.user-time-axis-panel::-webkit-scrollbar:horizontal{display:none;height:0}.user-time-axis-panel::-webkit-scrollbar-track{background:transparent;border-radius:999px}.user-time-axis-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#fa96bcb8,#da528ca8);background-clip:padding-box;border:1px solid rgba(255,247,251,.76);border-radius:999px}.user-time-axis.is-open .user-time-axis-panel{opacity:1;pointer-events:auto;transform:translate(0)}.user-time-axis-date{align-items:center;background:#fffafd9e;border:1px solid rgba(216,97,145,.12);border-radius:8px;color:var(--blossom-900);display:flex;font-family:var(--date-font);font-style:italic;font-weight:700;gap:18px;justify-content:space-between;line-height:1;padding:8px 9px;text-align:left;width:100%}.user-time-axis-date span{display:inline-block}.user-time-axis-date small{color:#68455594;font-family:var(--font-sans);font-style:normal;font-weight:800}.user-photo-load-more{align-items:center;color:#853e5cb8;display:flex;font-size:.92rem;justify-content:center;min-height:72px;padding:18px 0 6px;text-align:center}.upload-preview-panel{-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);background:#fff7fb94;border:1px solid rgba(255,255,255,.58);border-radius:8px;box-shadow:0 16px 44px #7e2f511a}.user-photo-toolbar{align-items:center;display:flex;gap:18px;justify-content:flex-start;margin:0 0 18px;min-height:48px}.user-photo-input{display:none}.user-photo-login-state button{background:transparent;border:0;color:#d84d8a;cursor:pointer;font:inherit;font-weight:900;padding:0 2px;text-decoration:underline;text-decoration-color:#d84d8a61;text-underline-offset:4px}.user-photo-upload-button,.user-photo-soft-button,.user-photo-expand{align-items:center;border-radius:999px;display:inline-flex;font-weight:800;gap:8px;justify-content:center;white-space:nowrap}.user-photo-upload-button{background:linear-gradient(135deg,#ff98c3,#d84d8a);border:1px solid rgba(255,255,255,.74);box-shadow:0 14px 30px #bc356c33;color:#fff;min-height:44px;padding:0 18px;position:relative}.user-photo-upload-button:disabled{cursor:wait;opacity:.68}.user-photo-upload-icon{height:46px;min-height:46px;padding:0;width:46px}.user-photo-upload-icon:after{-webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08);background:#fffafde6;border:1px solid rgba(216,97,145,.18);border-radius:999px;box-shadow:0 12px 28px #7e2f511f;color:#8f214d;content:attr(data-tip);font-size:.82rem;font-weight:700;left:0;line-height:1.4;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;top:calc(100% + 10px);transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease;max-width:min(280px,calc(100vw - 36px));white-space:normal;z-index:12}.user-photo-upload-icon:hover:after,.user-photo-upload-icon:focus-visible:after{opacity:1;transform:translateY(0)}.user-photo-soft-button,.user-photo-expand{background:#fffafdb3;border:1px solid rgba(216,97,145,.16);color:#a12c5f;min-height:40px;padding:0 16px}.upload-preview-panel{margin-bottom:24px;padding:16px}.upload-preview-head,.upload-preview-actions{align-items:center;display:flex;gap:14px;justify-content:space-between}.upload-preview-head strong{color:var(--blossom-900);display:block}.upload-preview-head span{color:#684555ad;display:block;font-size:.9rem;margin-top:3px}.upload-preview-head button{align-items:center;background:#fffafdb3;border:1px solid rgba(216,97,145,.14);border-radius:50%;color:#a12c5f;display:inline-flex;height:34px;justify-content:center;width:34px}.upload-preview-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));margin:16px 0}.upload-preview-item{aspect-ratio:1;border-radius:8px;cursor:grab;margin:0;overflow:hidden;position:relative}.upload-preview-item img{display:block;filter:saturate(1.06) contrast(1.03);height:100%;object-fit:cover;width:100%}.upload-preview-item span,.upload-preview-item svg{position:absolute;z-index:1}.upload-preview-item span{align-items:center;background:#fffafdcc;border:1px solid rgba(216,97,145,.18);border-radius:50%;color:var(--blossom-900);display:inline-flex;font-size:.82rem;font-weight:900;height:28px;justify-content:center;left:8px;top:8px;width:28px}.upload-preview-item svg{bottom:8px;color:#fffafdeb;filter:drop-shadow(0 2px 8px rgba(91,42,65,.42));right:8px}.user-photo-error{background:#b9235414;border-radius:8px;color:#8f214d;font-weight:700;padding:10px 12px}.user-photo-day{margin-top:28px;contain:layout paint style}.user-photo-day-head{align-items:center;display:flex;gap:14px;justify-content:space-between;margin:0 0 14px}.user-photo-date{color:var(--blossom-900);font-family:var(--date-font);font-size:var(--italic-date-size);font-style:italic;font-weight:700;line-height:1;margin:0}.user-photo-edit-button{-webkit-backdrop-filter:blur(14px) saturate(1.08);align-items:center;backdrop-filter:blur(14px) saturate(1.08);background:#fffafda8;border:1px solid rgba(216,97,145,.16);border-radius:999px;box-shadow:0 10px 24px #7e2f5114;color:#a12c5fbd;display:inline-flex;height:34px;justify-content:center;transition:background .18s ease,color .18s ease,transform .18s ease;width:34px}.user-photo-edit-button:hover,.user-photo-edit-button.is-active{background:#ffe6f1e0;color:#a12c5f;transform:translateY(-1px)}.user-photo-stack{align-items:stretch;display:flex;flex-direction:column;position:relative}.user-day-masonry{margin-top:0}.user-photo-card{overflow:hidden}.user-photo-delete{align-items:center;background:#fffafdb8;border:1px solid rgba(216,97,145,.16);border-radius:50%;color:#a12c5f;display:inline-flex;height:32px;justify-content:center;opacity:1;position:absolute;right:9px;top:9px;transform:translateY(0);transition:opacity .18s ease,transform .18s ease;width:32px;z-index:2}.user-photo-expand{-webkit-backdrop-filter:blur(14px) saturate(1.08);align-self:flex-end;backdrop-filter:blur(14px) saturate(1.08);background:#fff7fbd1;border-color:#d861913d;border-radius:999px;box-shadow:0 12px 28px #7e2f5121;font-family:Georgia,Times New Roman,serif;font-size:.96rem;font-weight:800;margin-top:10px;min-height:34px;padding:0 13px;position:static}.photo-masonry{height:var(--wall-height);position:relative;width:100%}.public-photo-card{background:linear-gradient(145deg,#fffafc80,#ffe5f047),#fff4f93d;border:1px solid rgba(255,255,255,.52);border-radius:8px;box-shadow:0 14px 34px #86455d1a;left:0;margin:0;overflow:hidden;contain:layout paint style;position:absolute;top:0;transform:translate3d(var(--photo-x),var(--photo-y),0);transition:box-shadow .22s ease,filter .22s ease;width:var(--photo-width);height:var(--photo-height)}.public-photo-card:after{display:none}.public-photo-card img{display:block;filter:saturate(1.06) contrast(1.03) brightness(1.02);height:100%;opacity:0;object-fit:cover;object-position:var(--photo-position);transition:opacity .18s ease,filter .36s ease,transform .36s ease;transform:scale(1.008);width:100%}.public-photo-card.is-ready img{opacity:1;transform:scale(1)}.public-photo-card:hover img{filter:saturate(1.12) contrast(1.06) brightness(1.04)}.public-photo-state{align-items:center;background:#fffafc80;border:1px solid rgba(216,97,145,.12);border-radius:8px;color:var(--blossom-900);display:flex;justify-content:center;min-height:118px;padding:30px;text-align:center}.user-photo-timeline .public-photo-state{min-height:96px;padding-block:22px}.photo-strip{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.photo-card{animation:fadeUp .76s ease both;margin:0;overflow:hidden}.photo-card:nth-child(2){animation-delay:90ms}.photo-card:nth-child(3){animation-delay:.18s}.photo-placeholder{align-items:center;aspect-ratio:4 / 5;color:#7c3f5394;display:flex;font-weight:700;justify-content:center}.photo-card-a .photo-placeholder{background:linear-gradient(145deg,#f6cfda,#fffaf4 56%,#b8c9ad)}.photo-card-b .photo-placeholder{background:linear-gradient(145deg,#dfeef8,#fff0f4 48%,#e7a5b8)}.photo-card-c .photo-placeholder{background:linear-gradient(145deg,#b8c9ad,#fffaf4 54%,#e6c98e)}.photo-card figcaption{color:var(--blossom-900);font-weight:700;padding:18px}.notes-band{align-items:start;animation:fadeUp .76s ease both;background:transparent;display:grid;gap:clamp(20px,3vw,42px);grid-template-areas:"heading timeline" "compose timeline";grid-template-columns:minmax(460px,1.02fr) minmax(360px,.84fr);min-height:100svh;padding-inline:var(--section-side-padding);padding-top:clamp(44px,5.4vw,66px);isolation:isolate;overflow:visible;position:relative}.notes-band:before{background:radial-gradient(circle at 8% 6%,rgba(255,199,221,.3),transparent 26%),radial-gradient(circle at 18% 72%,rgba(255,223,234,.26),transparent 28%),linear-gradient(90deg,#fff6fa8f,#fffcfec2 42%,#fff4f9b3);content:"";inset:0;pointer-events:none;position:absolute;transform:none;z-index:-1}.notes-page-heading{grid-area:heading;padding-left:clamp(0px,1vw,10px);transform:translateY(-18px)}.notes-page-heading p{color:#68455585;font-size:.92rem;font-weight:900;letter-spacing:.04em;margin:0 0 1px;text-transform:uppercase}.notes-page-heading span{color:#6845559e;font-size:.9rem;font-weight:700}.notes-compose-area{align-self:start;grid-area:compose;min-height:calc(clamp(460px,59svh,620px) + 178px);min-width:0;position:relative;transform:translateY(-30px)}.note-main-card{-webkit-backdrop-filter:blur(18px) saturate(1.06);backdrop-filter:blur(18px) saturate(1.06);background:linear-gradient(135deg,#fffdfcc7,#fff0f79e),#fffcfec2;border:1px solid rgba(255,255,255,.72);border-radius:8px;box-shadow:0 20px 52px #7e2f511c;box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(14px,2vw,22px);height:clamp(460px,59svh,620px);min-height:0;overflow:hidden;padding:clamp(22px,2.7vw,34px) clamp(26px,3.2vw,42px);position:relative}.note-main-card:before{background-image:var(--note-paper-image);background-position:center;background-repeat:no-repeat;background-size:cover;content:"";filter:saturate(1.08) brightness(1.03) contrast(1.04);inset:0;opacity:.43;pointer-events:none;position:absolute;z-index:0}.note-main-card:after{background:linear-gradient(90deg,#ffffff47,#fff6fa29 44%,#ffffff61),radial-gradient(circle at 18% 88%,rgba(255,211,227,.15),transparent 34%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.note-main-card>*{position:relative;z-index:1}.note-main-card.is-reading{background:linear-gradient(135deg,#fffdfac2,#fff4f994),radial-gradient(circle at 90% 12%,rgba(255,210,226,.22),transparent 28%);border-color:#ffffffb8}.note-main-card.is-composing{gap:clamp(10px,1.4vw,16px)}.note-main-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.note-main-head h2{color:var(--blossom-900);font-size:clamp(1.48rem,2.55vw,2.08rem);line-height:1.14;margin:0 0 5px}.note-main-head p{color:#6845559e;font-size:.96rem;font-weight:700;margin:0}.note-main-tools{align-items:center;display:flex;flex-shrink:0;gap:10px}.note-soft-action,.note-icon-action,.note-delete-action{align-items:center;border-radius:999px;display:inline-flex;justify-content:center}.note-soft-action{background:transparent;border:0;color:#e56a98;gap:6px;font-size:.9rem;font-weight:800;padding:8px 10px}.note-icon-action{background:#fff6fbb8;border:1px solid rgba(216,97,145,.14);box-shadow:0 10px 24px #7e2f5114;color:#b23f72;height:34px;width:34px}.note-icon-action.is-active,.note-icon-action:hover{background:#ffe1eee0;color:#9f245b}.note-input-wrap{flex:1;display:block;position:relative}.note-input-wrap textarea{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffdfe94;border-color:#d861912e;box-shadow:inset 0 0 0 1px #ffffff85;color:#6d364e;font-family:"Noto Serif SC",Songti SC,SimSun,serif;font-size:clamp(1.02rem,1.35vw,1.18rem);height:100%;min-height:250px;padding:18px 20px 42px;resize:vertical}.note-counter{bottom:12px;color:#68455594;font-size:.82rem;font-weight:800;position:absolute;right:16px}.note-error{color:#8f214d;font-size:.9rem;font-weight:700;margin:0}.note-read-letter{display:flex;flex:1;flex-direction:column;min-height:0;padding:clamp(4px,1vw,10px) clamp(4px,1vw,12px) 0;position:relative}.note-read-letter:before{background:linear-gradient(rgba(216,97,145,.08) 1px,transparent 1px);background-size:100% 38px;content:"";inset:8px 0;opacity:.32;pointer-events:none;position:absolute}.note-read-letter>*{position:relative;z-index:1}.note-read-date{color:#b13d72;display:block;font-family:var(--date-font);font-size:1.42rem;font-style:italic;font-weight:700;letter-spacing:0;line-height:1;margin-bottom:12px;text-transform:none}.note-read-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:auto;padding-right:8px;position:relative;scrollbar-color:rgba(216,97,145,.28) transparent;scrollbar-width:thin;z-index:1}.note-read-letter p{color:#74334f;font-family:KaiTi,STKaiti,楷体,"Noto Serif SC",serif;font-size:clamp(1.16rem,1.75vw,1.55rem);line-height:1.9;margin:0;white-space:pre-wrap}.note-save-float{align-items:center;background:linear-gradient(135deg,#ff91ba,#e85087);border:1px solid rgba(255,255,255,.76);border-radius:999px;box-shadow:0 16px 34px #c43a703d;color:#fff;display:inline-flex;font-weight:900;gap:8px;min-height:44px;padding:0 20px;position:absolute;right:0;top:calc(clamp(460px,59svh,620px) + 14px)}.note-save-float:disabled{cursor:not-allowed;opacity:.55}.note-mini-card{align-items:flex-start;background:#fffcfeed;border:1px solid rgba(255,255,255,.78);border-radius:8px;box-shadow:0 16px 34px #7e2f5121;box-sizing:border-box;color:#552038;display:grid;font-family:KaiTi,STKaiti,楷体,"Noto Serif SC",serif;font-size:1.13rem;font-weight:800;gap:8px;height:118px;line-height:1.48;padding:18px 18px 26px;position:absolute;left:clamp(26px,5vw,76px);text-shadow:0 1px 0 rgba(255,255,255,.88),0 5px 14px rgba(126,47,81,.1);top:calc(clamp(460px,59svh,620px) + 68px);transform:rotate(-2deg);width:258px}.note-mini-tape{background:#f17fa642;border-radius:999px;height:8px;justify-self:center;width:52px}.note-mini-card p{margin:0;min-width:0;padding-top:1px}.note-mini-card p span{display:block;white-space:nowrap}.note-mini-card button{align-items:center;background:transparent;border:0;color:#e45a80;cursor:pointer;display:inline-flex;font-family:Georgia,Times New Roman,serif;font-size:1.12rem;font-weight:800;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:20px;bottom:16px;width:24px}.note-mini-card button:hover{color:#d52f65;transform:scale(1.08)}.note-timeline-card{-webkit-backdrop-filter:blur(18px) saturate(1.08);align-self:start;backdrop-filter:blur(18px) saturate(1.08);background:#fffcfec7;border:1px solid rgba(255,255,255,.68);border-radius:8px;box-shadow:0 20px 52px #7e2f511f;display:flex;flex-direction:column;grid-area:timeline;max-height:min(88svh,840px);min-height:min(80svh,760px);overflow:hidden;padding:clamp(20px,2.6vw,30px)}.note-timeline-head{align-items:flex-start;color:var(--blossom-900);display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.note-timeline-head h3{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.18;margin:0 0 4px}.note-timeline-head p{color:#68455594;font-weight:800;margin:0}.note-timeline-list{border-left:0;display:grid;flex:1;gap:9px;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding:2px 4px 2px 36px;position:relative;scrollbar-width:none}.note-timeline-list::-webkit-scrollbar{display:none}.note-timeline-row{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;position:relative}.note-timeline-row:before{background:#ffd8e6;border:2px solid #ff9fbe;border-radius:50%;box-shadow:0 0 0 4px #fff0f6e6;content:"";height:12px;left:-26.5px;position:absolute;top:26px;width:12px;z-index:2}.note-timeline-item{background:#ffffffad;border:1px solid rgba(216,97,145,.1);border-radius:8px;color:#744155;display:grid;gap:6px;min-width:0;padding:13px 52px 13px 16px;position:relative;text-align:left;transition:background .18s ease,border-color .18s ease,transform .18s ease;width:100%}.note-timeline-item:before{background:#ff93b870;border-radius:999px;content:"";height:calc(100% + 9px);left:-20px;position:absolute;top:34px;width:3px;z-index:0}.note-timeline-row:last-child .note-timeline-item:before{display:none}.note-timeline-row.is-active .note-timeline-item,.note-timeline-item:hover{background:#ffeaf4c7;border-color:#d8619147;transform:translateY(-1px)}.note-timeline-date{color:#ef739f;font-family:var(--date-font);font-size:var(--italic-date-size);font-style:italic;font-weight:700;line-height:1}.user-photo-date,.note-read-date,.note-timeline-date,.user-time-axis-date span{display:inline-block;font-feature-settings:"lnum" 1,"tnum" 1;font-synthesis-style:none;font-variant-numeric:lining-nums tabular-nums;letter-spacing:0;transform:none;vertical-align:baseline}.note-timeline-preview{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#5b3544b8;display:-webkit-box;font-size:.95rem;font-weight:700;line-height:1.5;overflow:hidden}.note-timeline-row:after{color:#69435057;content:"✿";font-size:1.25rem;pointer-events:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.note-timeline-row.is-editing:after{display:none}.note-delete-action{background:#fff6fbe6;border:1px solid rgba(216,97,145,.18);color:#b23f72;height:34px;width:34px}.note-timeline-state{align-items:center;color:#74334fa8;display:flex;flex:1;font-weight:700;justify-content:center;min-height:220px;text-align:center}textarea,input{background:#fffafcbd;border:1px solid rgba(216,97,145,.16);border-radius:8px;color:var(--ink);outline:none;padding:14px 16px;width:100%}textarea{min-height:150px;resize:vertical}textarea:focus,input:focus{border-color:var(--blossom-500);box-shadow:0 0 0 4px #e7a5b82b}.account-section{background:radial-gradient(circle at 90% 12%,rgba(255,213,228,.36),transparent 28%),radial-gradient(circle at 10% 80%,rgba(184,216,148,.2),transparent 24%),linear-gradient(180deg,#fff9fcd1,#ffecf4c2)}.account-grid{animation:fadeUp .76s ease 80ms both;display:grid;gap:22px;grid-template-columns:minmax(280px,.78fr) minmax(300px,1.22fr)}.auth-card,.upload-card{padding:clamp(20px,4vw,30px)}.auth-card{display:grid;gap:16px}.auth-card label{color:var(--blossom-900);display:grid;font-weight:700;gap:8px}.segmented{background:#b96b8314;border-radius:999px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr);padding:5px}.segment{min-height:38px;width:100%}.form-tip{font-size:.93rem;margin:0}.upload-card{display:grid;gap:18px}.upload-drop{align-items:center;background:linear-gradient(135deg,#fffafcd1,#ffe5f0a8),repeating-linear-gradient(45deg,transparent 0 18px,rgba(216,97,145,.055) 19px 20px);border:1px dashed rgba(216,97,145,.24);border-radius:8px;color:var(--blossom-900);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:210px;padding:20px;text-align:center}.upload-drop input{display:none}.upload-drop svg{color:var(--blossom-700)}.upload-drop span{color:var(--muted)}.media-preview{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.preview-item{background:#fffafcad;border:1px solid rgba(216,97,145,.12);border-radius:8px;overflow:hidden}.preview-item img,.preview-item video{aspect-ratio:4 / 3;display:block;object-fit:cover;width:100%}.preview-item span{color:var(--blossom-900);display:block;font-size:.88rem;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}.garden{background:transparent;isolation:isolate;margin-top:-1px;overflow:visible;position:relative}.garden:before{background:radial-gradient(circle at 80% 12%,rgba(255,213,228,.36),transparent 26%),#fffafcc2;content:"";inset:0;pointer-events:none;position:absolute;transform:none;z-index:-1}.garden-layout{align-items:center;animation:fadeUp .76s ease both;display:grid;gap:30px;grid-template-columns:minmax(0,1fr) minmax(240px,320px)}.flower-bed{background:radial-gradient(circle at 18% 70%,rgba(184,216,148,.22),transparent 22%),radial-gradient(circle at 78% 24%,rgba(246,207,218,.28),transparent 21%),linear-gradient(180deg,#fffafcc7,#ffecf4c2);border:1px solid rgba(216,97,145,.14);border-radius:8px;min-height:360px;overflow:hidden;position:relative}.flower-bed:before{background:linear-gradient(90deg,transparent,rgba(185,107,131,.08),transparent),repeating-linear-gradient(90deg,transparent 0 38px,rgba(184,201,173,.1) 39px 40px);bottom:0;content:"";height:42%;left:0;position:absolute;right:0}.flower{--size: 82px;animation:sway 5s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,var(--gold) 0 12%,transparent 13%),radial-gradient(ellipse at 50% 15%,#fff8fb 0 24%,transparent 25%),radial-gradient(ellipse at 85% 50%,#f6cfda 0 24%,transparent 25%),radial-gradient(ellipse at 50% 85%,#fff8fb 0 24%,transparent 25%),radial-gradient(ellipse at 15% 50%,#f6cfda 0 24%,transparent 25%);border-radius:50%;height:var(--size);position:absolute;transform-origin:50% 120%;width:var(--size)}.flower:after{background:var(--sage-deep);border-radius:999px;content:"";height:86px;left:50%;position:absolute;top:calc(100% - 5px);transform:translate(-50%);width:5px}.bloom-a{animation-delay:0s}.bloom-b{--size: 66px;animation-delay:-1.8s}.bloom-c{--size: 74px;animation-delay:-3s}.new-bloom{animation:pop .42s ease both,sway 5s ease-in-out .42s infinite}.garden-controls{align-content:start;flex-direction:column}.icon-text-button{border-radius:8px;justify-content:flex-start;width:100%}.footer{background:#9a3d5e;border-top:1px solid rgba(255,220,232,.22);color:#fff1f6;isolation:isolate;overflow:visible;padding:28px clamp(18px,6vw,82px) 30px;position:relative;text-align:center}.footer:before{background:radial-gradient(circle at 22% 0%,rgba(255,202,222,.24),transparent 28%),linear-gradient(180deg,#a44162f0,#842b4cf7);content:"";inset:0;pointer-events:none;position:absolute;transform:none;z-index:-1}.footer-message{font-family:KaiTi,STKaiti,楷体,"Noto Serif SC",serif;font-size:clamp(1.08rem,1.62vw,1.28rem);font-weight:500;letter-spacing:.04em;margin:0 auto 18px;max-width:980px}.footer-meta{align-items:center;border-top:1px solid rgba(255,224,235,.18);display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:980px;padding-top:16px}.footer-contact{align-items:center;display:flex;gap:14px;justify-content:center;position:relative}.footer-contact-title{background:transparent;color:#fff1f6e6;font-size:.92rem;font-weight:700;letter-spacing:.16em;padding:0}.footer-contact-icons{display:flex;gap:13px;justify-content:center}.footer-contact-icons button{align-items:center;background:#fff3f8f0;border:1px solid rgba(255,224,235,.48);border-radius:999px;box-shadow:0 10px 24px #2d07192e;display:inline-flex;height:36px;justify-content:center;padding:0;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;width:36px}.footer-contact-icons button:hover{background:#fff8fb;box-shadow:0 13px 28px #2d07193d;transform:translateY(-2px)}.footer-contact-icons img{display:block;filter:brightness(0) saturate(100%) invert(19%) sepia(48%) saturate(1380%) hue-rotate(297deg) brightness(89%) contrast(92%);height:22px;object-fit:contain;width:22px}.footer-contact-icon-qq img{height:28px;filter:none;width:28px}.footer-contact-icon-github img{height:24px;width:24px}.footer-brand-row{align-items:baseline;color:#fff1f6c7;display:flex;gap:8px;justify-content:center}.footer-brand-row strong{color:#fff1f6eb;font-family:inherit;font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:lowercase}.footer-brand-row small{color:#fff1f6b8;font-size:.82rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes gardenCamera{0%,to{transform:translate3d(-.08%,-.04%,0) scale(1.018)}50%{transform:translate3d(.08%,.04%,0) scale(1.022)}}@keyframes blossomCanopyWind{0%,to{transform:translate3d(-.16%,0,0) rotate(-.12deg) skew(-.12deg) scale(1.025)}50%{transform:translate3d(.26%,-.08%,0) rotate(.18deg) skew(.16deg) scale(1.034)}}@keyframes blossomBreeze{0%{background-position:0 0,34px 14px,80px 40px}to{background-position:160px 72px,-196px 124px,280px 138px}}@keyframes branchSway{0%,to{transform:translate3d(.08%,-.04%,0) rotate(.08deg) scale(1.008)}50%{transform:translate3d(-.16%,.08%,0) rotate(-.14deg) scale(1.012)}}@keyframes springLight{0%,to{opacity:.46;transform:translate3d(-.3%,0,0)}50%{opacity:.62;transform:translate3d(.34%,-.18%,0)}}@keyframes softDapple{0%{background-position:0 0,28px 14px,70px 36px}to{background-position:150px 90px,-170px 110px,260px 130px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes recordBreath{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}@keyframes photoBreath{0%,to{filter:saturate(1.56) contrast(1.18) brightness(.96) sepia(.04) hue-rotate(-4deg);transform:translate3d(calc(var(--px) * -9px),calc(var(--py) * -5px),0) scale(1.035)}50%{filter:saturate(1.64) contrast(1.2) brightness(.98) sepia(.06) hue-rotate(-5deg);transform:translate3d(calc(var(--px) * -12px),calc(var(--py) * -7px),0) scale(1.052)}}@keyframes photoAppear{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(22px) scale(.72)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:981px)and (max-width:1700px){.music-section{padding-block:clamp(24px,3.2vw,42px) clamp(72px,6vw,104px)}.music-player{gap:clamp(20px,2.3vw,36px);grid-template-columns:minmax(300px,.9fr) minmax(390px,1.14fr);max-width:min(1320px,calc(100vw - 96px))}.turntable-card{padding:clamp(14px,1.6vw,22px);width:min(100%,clamp(390px,34vw,520px))}.record{width:clamp(310px,72%,400px)}.tonearm{width:clamp(122px,27%,162px)}.player-panel{gap:clamp(8px,1vw,14px);min-height:min(580px,calc(100svh - 132px));padding:clamp(18px,2vw,30px)}.track-meta h3{font-size:clamp(1.9rem,2.28vw,2.34rem);margin-block:6px 8px}.lyric-line{font-size:clamp(1.1rem,1.48vw,1.38rem);min-height:2.2em}.panel-controls{gap:clamp(18px,2.1vw,28px);margin-top:-8px}.player-panel .icon-button{height:40px;width:40px}.player-panel .play-button{height:54px;width:54px}.round-control{height:48px;width:48px}.round-control.is-primary{height:60px;width:60px}.progress-wrap{font-size:.9rem;gap:8px;margin-top:-4px}.playlist-card{gap:10px;margin-top:-2px;padding:12px}.song-list{max-height:412px}.song-row button{gap:10px;grid-template-columns:22px 36px minmax(0,1fr) 48px 20px;min-height:52px;padding-inline:14px}.song-info strong{font-size:1.04rem}.song-index{font-size:1rem}}@media(min-width:981px)and (max-width:1400px){.music-player{gap:22px;grid-template-columns:minmax(280px,.84fr) minmax(360px,1.1fr);max-width:calc(100vw - 72px)}.turntable-card{width:min(100%,clamp(350px,33vw,440px))}.record{width:clamp(285px,72%,350px)}.tonearm{width:clamp(108px,26%,138px)}.player-panel{min-height:min(580px,calc(100svh - 112px));padding:clamp(18px,2vw,28px)}.track-meta{max-width:min(540px,82%)}.track-meta h3{font-size:clamp(1.82rem,2.15vw,2.22rem)}}@media(max-width:980px){.hero,.music-player,.intro-band,.notes-band,.account-grid,.garden-layout{grid-template-columns:1fr}.hero-content{grid-column:1}.hero-content{justify-self:end;max-width:min(620px,92vw);text-align:right}.hero-backdrop{background:transparent}.turntable-card,.player-panel{min-height:auto}.record{height:min(70vw,380px);width:min(70vw,380px)}.track-meta{max-width:100%}.notes-band{grid-template-areas:"heading" "compose" "timeline"}.note-timeline-card{min-height:auto}}@media(max-width:860px){.site-header{gap:12px}.nav-links{display:none}.hero{min-height:106svh;padding-bottom:clamp(88px,16svh,150px);padding-top:98px}.reason-grid,.photo-strip{grid-template-columns:1fr}.reason-card{min-height:auto}.note-main-card{min-height:320px}}@media(max-width:520px){.brand span:last-child{display:inline}.site-header{padding-inline:14px}.hero-actions,.note-actions{align-items:stretch;flex-direction:column}.primary-button,.ghost-button{width:100%}.playlist-head,.progress-wrap{align-items:stretch;flex-direction:column}.playlist-search{min-width:100%}.song-row button{grid-template-columns:22px 34px minmax(0,1fr) 42px;padding-inline:12px}.song-more{display:none}.turntable-plate{min-height:250px}.garden-controls{width:100%}}@media(min-width:981px){.design-stage .hero{min-height:calc(var(--design-height) * 1.08)}.design-stage .music-section,.design-stage .notes-band{min-height:var(--design-height)}.design-stage .music-player{gap:63px;grid-template-columns:minmax(0,600px) minmax(0,845px);max-width:1520px}.design-stage .turntable-card{padding:24px;width:600px}.design-stage .record{width:443px}.design-stage .tonearm{width:164px}.design-stage .player-panel{gap:14px;min-height:841px;padding:36px}.design-stage .track-meta{max-width:min(600px,82%)}.design-stage .track-meta h3{font-size:2.22rem}.design-stage .lyric-line{font-size:1.58rem}.design-stage .song-list{max-height:440px}.design-stage .song-row button{min-height:56px}.design-stage .note-timeline-card{max-height:840px;min-height:730px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}