:root{color-scheme:light;--ink:#46343b;--muted:#816c73;--rose:#ad5b72;--pink:#d08a9e;--line:rgba(153,100,115,.18);--glass:rgba(255,252,252,.70)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2e8e8;color:var(--ink);font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #99556b;outline-offset:5px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button{background:none}.wallpaper,.wash,.petals{position:fixed;inset:0;pointer-events:none}.wallpaper{z-index:-3;background:url('./assets/mizuki.png') center center/cover no-repeat}.wash{z-index:-2;background:linear-gradient(90deg,rgba(253,247,247,.97) 0%,rgba(253,247,247,.91) 25%,rgba(253,247,247,.6) 39%,rgba(253,247,247,.04) 65%),linear-gradient(0deg,rgba(248,237,239,.82),transparent 40%)}.page{max-width:1600px;margin:auto;padding:0 72px;min-height:100svh;display:flex;flex-direction:column}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:15px;align-items:center;font-size:17px;font-weight:600;letter-spacing:3px}.brand small{display:block;font-size:9px;letter-spacing:2.9px;font-weight:500;margin-top:5px;color:var(--muted)}.brand-mark{font-family:Georgia,serif;font-size:51px;font-weight:400;letter-spacing:-5px;position:relative;width:47px;line-height:1}.brand-mark>span{position:absolute;right:0;top:-7px;font-size:21px;color:var(--rose);letter-spacing:0}nav{display:flex;gap:32px;align-items:center;padding:10px 15px 10px 28px;border:1px solid rgba(255,255,255,.6);border-radius:100px;background:rgba(255,249,249,.75);backdrop-filter:blur(16px)}nav>a,nav>button{font-size:13px;letter-spacing:1px;position:relative;line-height:28px;padding:0;color:#68555d}nav .active{color:var(--rose)}nav .active:after{content:"";position:absolute;bottom:-2px;height:3px;width:12px;border-radius:4px;left:50%;transform:translateX(-50%);background:var(--rose)}nav .icon-button{border-left:1px solid var(--line);border-radius:0;padding-left:16px;height:27px;display:flex;align-items:center}.skip{position:fixed;top:-60px;left:20px;z-index:99;background:white;padding:12px}.skip:focus{top:15px}main{flex:1;position:relative;outline:none;display:flex;flex-direction:column}.hero{padding-top:clamp(50px,8vh,110px);padding-bottom:55px;max-width:625px}.eyebrow{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:2.2px;color:#9d6175;font-weight:600}.tiny-flower{font-size:21px;font-weight:400}.hairline{width:40px;height:1px;background:#cba6b2}.hello{display:flex;gap:12px;align-items:center;color:#8a757d;margin-top:42px;font-size:13px;letter-spacing:2px}.hello-line{width:20px;height:1px;background:#ac8d98}h1{font-size:clamp(32px,3.3vw,53px);line-height:1.5;letter-spacing:-1.5px;font-weight:500;margin:12px 0 14px;white-space:nowrap}h1>span:not(.period){font-family:Georgia,"Times New Roman",serif;font-size:1.35em;color:var(--rose);font-style:italic;position:relative;letter-spacing:-2px}.name-star{position:absolute;right:-24px;top:-12px;color:#c7869b;font-size:.42em;line-height:1}.period{margin-left:10px;color:var(--rose)}.hero-copy{font-size:clamp(26px,2.65vw,39px);line-height:1.7;font-weight:350;letter-spacing:3px;margin:0 0 23px}.hero-note{font-size:14px;line-height:2;color:#816d75;letter-spacing:1px;margin:0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:31px}.primary-button{background:#a75b72;color:white;border-radius:6px;padding:14px 23px;min-height:48px;display:flex;gap:34px;align-items:center;box-shadow:0 6px 20px #aa647722;letter-spacing:1px;transition:background .2s,transform .2s}.primary-button:hover{background:#934b62;transform:translateY(-2px)}.primary-button>span{font-size:20px;line-height:1}.text-button{display:flex;gap:13px;align-items:center;padding:14px 0;color:#795b67;font-size:12px}.text-button svg{width:17px;height:17px}.small-note{margin-top:34px;display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.7px;color:#9a858d}.small-note span{width:5px;height:5px;border-radius:50%;background:#b88b9b}.picture-note{position:absolute;right:25px;bottom:170px;display:flex;gap:14px;align-items:center;padding:16px 22px;background:rgba(255,247,248,.65);border:1px solid #ffffff9c;backdrop-filter:blur(12px);border-radius:8px;box-shadow:0 8px 30px #9155680b;transform:rotate(-3deg);font-size:13px;letter-spacing:1px;color:#704f5c}.picture-note small{display:block;font-size:8px;letter-spacing:1.4px;margin-top:8px;color:#9f7987}.picture-star{font-size:32px;color:#b0788c}.desk{margin-top:auto;display:grid;grid-template-columns:1.15fr 1.15fr .85fr;gap:18px;padding-bottom:22px}.desk-card{display:flex;align-items:center;gap:20px;background:var(--glass);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.85);border-radius:12px;text-align:left;padding:24px 26px;min-height:126px;box-shadow:0 9px 30px #9b66700a;transition:background .2s,transform .2s}.desk-card:is(button):hover{background:rgba(255,252,252,.93);transform:translateY(-4px)}.card-icon{display:flex;align-items:center;justify-content:center;color:#b8768c;font-size:29px;border-radius:12px;background:#edc7d129;width:48px;height:48px;flex-shrink:0}.card-icon svg{width:25px;height:25px}.card-content{display:flex;flex-direction:column;gap:7px}.card-content small{font-size:8px;letter-spacing:1.8px;color:#b28898}.card-content strong{font-weight:500;font-size:16px;letter-spacing:1px}.card-content>span{font-size:11px;color:#927d85;letter-spacing:.4px}.card-arrow{color:#ab8a97;margin-left:auto;font-size:20px;align-self:flex-start}.time-card{gap:14px;position:relative;overflow:hidden}.clock-dot{width:6px;height:6px;border-radius:50%;background:#ac8191;align-self:flex-start;margin-top:6px}.time-card>div{display:flex;flex-direction:column;gap:4px}.time-card small{font-size:10px;color:#907681;letter-spacing:1.5px}#clock{font-family:Georgia,serif;font-size:33px;font-variant-numeric:tabular-nums;letter-spacing:2px;line-height:1.25}#calendar{font-size:10px;color:#9b818c;letter-spacing:1px}.time-flower{font-size:110px;position:absolute;right:1px;top:1px;color:#c990a520;line-height:1.2}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8b747e;font-size:10px;letter-spacing:.5px;min-height:62px}footer b{font-weight:500}footer .footer-divider{margin:0 13px;color:#bd9aa8}.footer-right{display:flex;gap:12px;align-items:center}.footer-right>span{color:#b87187;font-size:17px}.footer-right button{border-left:1px solid var(--line);padding:4px 0 4px 13px;font-size:10px;color:#9a7c88}dialog{border:1px solid white;border-radius:20px;background:#fff9faf5;backdrop-filter:blur(24px);color:var(--ink);width:min(560px,calc(100% - 36px));padding:45px;max-height:85svh;box-shadow:0 30px 100px #5c2c4b40}dialog::backdrop{background:#492d3e66;backdrop-filter:blur(5px)}dialog .close-dialog{position:absolute;right:14px;top:10px;width:40px;height:40px;color:#977381;font-size:27px}.modal-kicker{color:#ac778b;font-size:9px;letter-spacing:2px}h2{font-size:23px;font-weight:500;line-height:1.7;margin:17px 0 24px}h2>span{margin-left:12px;color:#bb869b}dialog p{font-size:14px;line-height:2.1;color:#846c76}.modal-signature{font-family:Georgia,serif;font-size:35px;font-style:italic;color:#a46078;margin-top:30px}.modal-signature span{display:block;font:9px "Segoe UI",sans-serif;letter-spacing:2px;margin-top:5px}.modal-foot{font-size:10px;border-top:1px solid var(--line);margin-top:25px;padding-top:18px;color:#a18791}.wallpaper-preview{display:block;width:100%;padding:0;text-align:left;border:1px solid #e9d4dd;border-radius:10px;overflow:hidden;background:#fff}.wallpaper-preview img{width:100%;height:auto;display:block}.wallpaper-preview span{display:flex;padding:15px 18px;justify-content:space-between;font-size:12px;color:#896977}.collection-note{font-size:12px!important}.updates-list{padding-left:20px;color:#846c76;font-size:13px;line-height:2.5}#wallpaper-view{width:100vw;height:100svh;max-width:100vw;max-height:100svh;padding:0;margin:0;background:#ece2e3;border:0;border-radius:0;overflow:hidden}#wallpaper-view>img{display:block;width:100%;height:100%;object-fit:contain}.close-wallpaper{position:absolute;right:28px;top:25px;display:flex;align-items:center;gap:25px;background:#fff9fae8;border:1px solid #fff;border-radius:50px;padding:10px 18px;font-size:12px;color:#80586b;box-shadow:0 5px 20px #78566815}.close-wallpaper span{font-size:23px}.wallpaper-caption{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#885d70;font-size:9px;letter-spacing:2px;background:#fff9facc;padding:8px 14px;border-radius:20px}.toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%,20px);opacity:0;background:#694656;color:#fff9fa;padding:13px 24px;border-radius:40px;font-size:12px;z-index:10;transition:opacity .2s,transform .2s;pointer-events:none;max-width:90vw;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}.petals{z-index:-1;overflow:hidden}.petals i{position:absolute;top:-30px;left:8%;width:7px;height:12px;border-radius:90% 0 90% 0;background:#c97b9733;animation:fall 19s linear infinite}.petals i:nth-child(2){left:23%;animation-delay:-8s;animation-duration:23s}.petals i:nth-child(3){left:38%;animation-delay:-12s}.petals i:nth-child(4){left:52%;animation-delay:-3s;animation-duration:26s}.petals i:nth-child(5){left:67%;animation-delay:-16s}.petals i:nth-child(6){left:76%;animation-delay:-9s;animation-duration:24s}.petals i:nth-child(7){left:87%;animation-delay:-2s;animation-duration:21s}.petals i:nth-child(8){left:96%;animation-delay:-17s;animation-duration:28s}@keyframes fall{to{transform:translate(-100px,110vh) rotate(320deg)}}
@media(min-width:1800px){.hero{padding-top:100px;padding-bottom:100px}.page{padding:0 80px}.desk{padding-bottom:32px}.header{height:130px}}
@media(max-width:1100px){.page{padding:0 35px}.header{height:95px}.hero{padding-top:55px;padding-bottom:50px}.desk{gap:12px}.desk-card{padding:20px 18px;gap:12px}.card-icon{width:36px;height:36px}.card-content strong{font-size:14px}.card-content>span{font-size:10px}.picture-note{right:5px;bottom:170px;padding:13px;font-size:11px}.picture-note small{font-size:7px}.hero-copy{font-size:32px}.wash{background:linear-gradient(90deg,#fdf7f7f5 0%,#fdf7f7dc 30%,#fdf7f750 65%,#fdf7f700),linear-gradient(0deg,#f8edefe8,transparent 55%)}}
@media(max-width:760px){.page{padding:0 22px}.header{height:85px;gap:14px}.brand{font-size:14px;gap:10px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:1.8px}.brand-mark{font-size:42px;width:38px}.brand-mark>span{font-size:17px;right:-1px;top:-4px}nav{gap:17px;padding:7px 11px 7px 16px}nav>a,nav>button{font-size:11px;letter-spacing:0}nav .icon-button{display:none}.wallpaper{background-position:58% top;background-size:auto 78svh}.wash{background:linear-gradient(90deg,#fdf7f7ed 0%,#fdf7f7ac 42%,#fdf7f72e),linear-gradient(0deg,#f6ecee 20%,#f6ecee99 42%,transparent 80%)}.hero{padding-top:48px;padding-bottom:40px;max-width:100%}.eyebrow{font-size:8px;letter-spacing:1.1px;gap:8px}.tiny-flower{font-size:18px}.hairline{width:25px}.hello{font-size:11px;margin-top:34px;letter-spacing:1.5px}h1{font-size:32px;letter-spacing:-.7px;margin:14px 0}.name-star{right:-19px;top:-8px}.hero-copy{font-size:29px;line-height:1.7;letter-spacing:2px;margin-bottom:22px}.hero-note{font-size:12px;letter-spacing:.5px;line-height:2.1}.hero-actions{gap:20px;margin-top:27px}.primary-button{padding:12px 19px;gap:23px;min-height:45px;font-size:12px}.text-button{font-size:11px;gap:8px}.small-note{font-size:6px;letter-spacing:1.2px;margin-top:27px}.picture-note{display:none}.desk{grid-template-columns:1fr 1fr;gap:12px;padding-bottom:15px}.desk-card{min-height:126px;padding:19px 15px;gap:12px;display:block;position:relative}.card-icon{width:27px;height:27px;font-size:22px;background:none;justify-content:flex-start;margin-bottom:10px}.card-icon svg{width:22px;height:22px}.card-content{gap:7px}.card-content small{font-size:7px;letter-spacing:1.3px}.card-content strong{font-size:13px;letter-spacing:0}.card-content>span{font-size:10px;line-height:1.6;letter-spacing:0}.card-arrow{position:absolute;right:15px;top:16px;font-size:18px}.time-card{grid-column:1/-1;display:flex;min-height:84px;align-items:center;padding:17px 20px;gap:12px}.clock-dot{align-self:center;margin-top:0}.time-card>div{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:5px;align-items:center;flex:1}.time-card small{font-size:9px;grid-column:1;grid-row:1}#clock{grid-column:2;grid-row:1/3;font-size:28px;text-align:right;margin-right:14px}#calendar{grid-column:1;grid-row:2;font-size:9px;letter-spacing:.3px}.time-flower{font-size:85px;right:0;top:0}footer{font-size:8px;letter-spacing:0;gap:6px;flex-wrap:wrap;justify-content:center;padding:10px 0 21px;min-height:60px}footer .footer-divider{margin:0 8px}.footer-right{font-size:8px;gap:8px}.footer-right>span{font-size:13px}.footer-right button{font-size:9px;padding-left:8px}dialog{padding:36px 26px}h2{font-size:20px}.close-wallpaper{right:17px;top:17px}.toast{font-size:11px;padding:13px 18px}}
@media(max-width:360px){.page{padding:0 17px}nav{gap:12px;padding:6px 12px}.brand{gap:7px}.hero-copy{font-size:27px}h1{font-size:29px}.hero-actions{gap:15px}.text-button{font-size:10px}.card-content strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.petals{display:none}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Chinese profile name keeps the same visual emphasis without synthetic italics. */
h1>span:not(.period){font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-style:normal;font-weight:400;font-size:1.15em;margin-left:8px;letter-spacing:0}.modal-signature{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-style:normal}