@charset "UTF-8";
:root{--paper:#fbf6ec;--ink:#674e3b;--accent:#bc7b48;--muted:#9b816a;--line:#e9dcc8;--yellow:#f3dfaf;--orange:#ecc29c;--header-height:76px;--font:Arial,'Microsoft YaHei','PingFang SC',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 var(--font);font-variant-numeric:tabular-nums lining-nums}body.is-home{overflow:hidden}body:has(dialog[open]){overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,.home-page:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}button{color:inherit}button:disabled{cursor:default}.site-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:4}.wordmark{font-size:25px;letter-spacing:-1.3px;font-weight:700}.wordmark span{font-weight:400;color:#bf986c}.site-header nav{display:flex;gap:38px;font-size:12px;color:#9b826a;height:100%;align-items:center}.site-header nav a{height:100%;display:flex;align-items:center;position:relative}.site-header nav a[aria-current=page]{color:var(--ink)}.site-header nav a[aria-current=page]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:3px;background:#d4a174}.home-page{height:calc(100dvh - var(--header-height));overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;position:relative;outline:none}.home-page::-webkit-scrollbar{display:none}.slide{height:calc(100dvh - var(--header-height));min-height:340px;scroll-snap-align:start;scroll-snap-stop:always;position:relative}#timeline{display:contents}.intro{display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 52%,#f9e8c880,transparent 64%)}.day-count{transform:translateY(-15px)}.day-count h1{font-size:17px;letter-spacing:6px;font-weight:400;margin-left:6px}.day-number{display:flex;align-items:baseline;justify-content:center;gap:19px;margin:5px 0 15px}.day-number strong{font:600 clamp(128px,20vw,244px)/1.1 var(--font);letter-spacing:-.065em;color:#b77c4b;font-variant-numeric:tabular-nums lining-nums}.day-number>span{font-size:22px;font-weight:400;color:#b28c64}.since-date{font-size:11px;letter-spacing:2px;color:#a88e72}.intro-next{position:absolute;bottom:34px;left:calc(50% - 20px);width:40px;height:40px;border:1px solid #e4cfaa;border-radius:50%;background:transparent;color:#b18c60;font-size:21px}.timeline-entry{display:flex;align-items:center;justify-content:center;padding:45px 10%;background:var(--paper)}.timeline-entry:nth-child(2n){background:#f9f1e5}.entry-layout{max-width:1080px;width:100%;display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(35px,7vw,105px);align-items:center}.entry-visual{border:0;padding:12px 12px 0;background:#fffaf1;box-shadow:0 12px 45px #8c673310;border-radius:3px;width:100%;display:block;transform:rotate(-1deg);transition:transform .2s}.entry-visual:hover{transform:rotate(0)}.entry-visual img,.cover-placeholder{display:block;width:100%;height:min(52dvh,430px);object-fit:cover}.cover-placeholder{background:linear-gradient(145deg,#f2dfb9,#f5e8d1);color:#bd9563;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.tone-1{background:linear-gradient(135deg,#f1d4bc,#f7e5d2);color:#c28d69}.tone-2{background:linear-gradient(135deg,#f3e5bd,#f8efd9);color:#baa474}.tone-3{background:linear-gradient(135deg,#efdbc2,#f6eada);color:#b99a76}.tone-4{background:linear-gradient(135deg,#eed9ab,#f6eacb);color:#b59b66}.tone-5{background:linear-gradient(135deg,#ebc7a4,#f5e0c9);color:#bc8d63}.placeholder-mark{font-size:clamp(30px,4vw,55px);font-weight:500;letter-spacing:-1px}.placeholder-caption{font-size:11px;color:#997b56}.visual-caption{display:flex;justify-content:space-between;gap:10px;padding:13px 3px;font-size:10px;color:#ac906e;letter-spacing:1px}.entry-date{font-size:12px;letter-spacing:3px;color:#b08b64;margin-bottom:22px}.entry-copy h2{font-size:clamp(26px,3.3vw,40px);font-weight:500;line-height:1.55;letter-spacing:1px;margin-bottom:21px}.entry-place{font-size:12px;color:#a28669;margin-bottom:26px}.entry-open{display:inline-flex;align-items:center;gap:40px;border:0;border-bottom:1px solid #d9b58d;padding:8px 0;background:none;font-size:12px;color:#9e7247}.entry-tag{display:block;font-size:10px;letter-spacing:1px;color:#b6946e;margin-bottom:10px}.slide-nav{position:fixed;right:3.4%;top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;gap:15px}.slide-nav button{width:9px;height:9px;border:1px solid #d6bf9f;border-radius:50%;background:transparent;padding:0;transition:background .2s,transform .2s}.slide-nav button[aria-current=true]{background:#c18c59;border-color:#c18c59;transform:scale(1.25)}.slide-position{position:fixed;bottom:25px;left:6%;font-size:10px;letter-spacing:2px;color:#bc9e7a;z-index:2}.calendar-slide{display:flex;align-items:center;justify-content:center;padding:45px 9%}.calendar-content{width:min(850px,100%)}.section-label{font-size:11px;letter-spacing:2px;color:#b38c61}.calendar-content h2{font-size:34px;font-weight:500;margin:13px 0 35px}.upcoming{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.upcoming-item{padding:30px 20px;border:1px solid #e3cfac;border-radius:5px;background:#f7edd7}.upcoming-date{font-size:12px;letter-spacing:1px;color:#b1936d;margin-bottom:18px}.upcoming-title{font-size:15px;margin-bottom:24px}.upcoming-number{font:500 48px/1.3 var(--font);letter-spacing:-2px;color:#b57f49}.upcoming-unit{font-size:11px;letter-spacing:0;margin-left:8px;color:#a68661}.regular-page{max-width:1120px;margin:auto;padding:0 45px 60px;min-height:calc(100dvh - var(--header-height))}.page-heading{padding:65px 0 40px}.page-heading h1{font-size:36px;font-weight:500;margin-top:12px}.wish-list{max-width:800px}.empty-state{padding:55px 20px;text-align:center;border:1px dashed #e0c9a5;background:#faf0db;border-radius:12px}.empty-state h2{font-size:17px;font-weight:400;color:#b1936d}.empty-symbol{font-size:44px;color:#dbb56d;display:block;margin-bottom:12px}.wish-item{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:24px 5px}.wish-item>span:first-child{font-size:22px;color:#c4a071}.wish-item.done{color:#ac9476}.wish-item.done .wish-text{text-decoration:line-through}.wish-note{font-size:12px;color:var(--muted);margin-top:5px}.stars-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:35px 35px 20px;background:#f7e9c4;border:1px solid #f1ddad;border-radius:25px;margin-top:35px;overflow:hidden;min-height:375px}.stars-copy{position:relative;z-index:1;padding-left:15px}.collection-label{font-size:9px;letter-spacing:3px;color:#ae8650;display:inline-block;background:#fff4d6;padding:5px 10px;border:1px solid #e8ca8b;border-radius:5px;transform:rotate(-3deg);margin-bottom:22px}.twinkle-type{font-family:'Arial Rounded MT Bold',Arial,sans-serif;font-size:clamp(34px,5vw,58px);font-weight:900;line-height:1.08;letter-spacing:-2px;color:#ffefb9;-webkit-text-stroke:2px #cd8e4f;paint-order:stroke fill;text-shadow:0 4px 0 #ca9458;transform:rotate(-4deg);margin-bottom:28px}.twinkle-type>span{margin-left:17px}.stars-copy h1{font-size:20px;letter-spacing:3px;font-weight:600;color:#91653e;display:flex;gap:25px;align-items:center}.stars-copy h1>span{font-size:29px;color:#cc9c50}.stars-art{position:relative;display:flex;justify-content:center;align-items:center;height:320px}.stars-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 50%,transparent 73%);position:relative;z-index:1;transform:rotate(4deg)}.art-orbit{position:absolute;width:82%;height:85%;background:#ffedb7;border-radius:50%;border:1px dashed #dfc087;transform:rotate(18deg)}.art-star{position:absolute;color:#d2a251;font-size:40px;z-index:2}.star-one{top:2%;right:1%;transform:rotate(10deg)}.star-two{top:13%;left:3%;font-size:48px}.star-three{bottom:8%;left:9%;font-size:23px;transform:rotate(-12deg)}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:30px 0 19px;margin-bottom:25px;font-size:12px;color:#9e7c57}.collection-toolbar strong{font-size:25px;font-weight:500;margin:0 5px}.collection-toolbar input{border:1px solid #e4d1af;border-radius:30px;padding:10px 17px;background:#fffaf0;width:210px;font-size:12px;color:var(--ink)}.collection-toolbar input::placeholder{color:#b59d7c}.star-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.star-card{padding:12px 12px 20px;background:#fff8e7;border:1px solid #ebd6af;border-radius:20px;text-align:left;transition:transform .2s}.star-card:hover{transform:translateY(-5px)}.star-card img{width:100%;height:250px;display:block;object-fit:contain;background:#f8efd9;border-radius:12px}.star-card h2{font-size:18px;margin:16px 8px 7px;font-weight:600}.star-card p{font-size:11px;margin:0 8px;color:#b08e60}.stars-page .empty-state{margin-top:10px}.art-credit{display:block;font-size:9px;color:#b59b79;margin-top:30px;text-align:right}.event-dialog{width:min(820px,calc(100% - 30px));max-height:90dvh;padding:48px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);overscroll-behavior:contain}.event-dialog::backdrop{background:#5c473b70;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:8px;right:12px;background:none;border:0;font-size:28px;color:#b28c64;line-height:1.2;padding:8px;z-index:1}.event-detail-date{font-size:12px;letter-spacing:2px;color:#b28c64;margin-bottom:12px}.event-dialog h2{font-size:30px;font-weight:500;line-height:1.6;margin-bottom:12px}.detail-place{font-size:12px;color:#ad8b63;margin-bottom:25px}.detail-description{font-size:14px;line-height:2.1;color:#8f755c;white-space:pre-wrap;margin-bottom:16px}.detail-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:28px}.detail-photo{border:0;padding:0;background:none;text-align:left;color:#9c805e}.detail-photo img{display:block;width:100%;height:220px;object-fit:cover;border-radius:5px}.detail-photo p{font-size:11px;margin-top:8px}.detail-empty{padding:35px 15px;text-align:center;border:1px dashed #e0c9a5;color:#b09878;font-size:12px;margin-top:30px}.lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;border:0;background:#28231ff7;color:white;padding:60px 65px;margin:0}.lightbox::backdrop{background:#28231f}.lightbox[open]{display:flex;align-items:center;justify-content:center}.lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:100%;width:100%;height:100%;justify-content:center}.lightbox img{max-width:100%;max-height:calc(100dvh - 160px);object-fit:contain}.lightbox figcaption{font-size:12px;padding:15px;color:#e7dac8;text-align:center}.lightbox button{position:absolute;background:none;color:#ead8bc;border:0;font-size:30px;padding:12px}.lightbox-prev{left:8px;top:45%}.lightbox-next{right:8px;top:45%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(max-width:760px){:root{--header-height:66px}.site-header{padding:0 25px}.wordmark{font-size:23px}.site-header nav{gap:24px;font-size:11px}.timeline-entry{padding:30px 9%}.entry-layout{gap:30px;grid-template-columns:1fr 1fr}.entry-copy h2{font-size:27px}.entry-date{font-size:11px;letter-spacing:2px;margin-bottom:15px}.cover-placeholder,.entry-visual img{height:min(46dvh,340px)}.regular-page{padding:0 25px 45px}.stars-hero{padding:25px 15px 20px;min-height:310px}.stars-copy{padding-left:10px}.stars-art{height:260px}.twinkle-type{font-size:39px}.star-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.star-card img{height:220px}.upcoming-item{padding:25px 16px}.upcoming-title{font-size:13px}.upcoming-number{font-size:39px}.slide-nav{right:3%}}
@media(max-width:520px){:root{--header-height:62px}.site-header{padding:0 20px}.wordmark{font-size:22px}.site-header nav{gap:21px;font-size:10px}.day-count h1{font-size:16px;letter-spacing:5px}.day-number{gap:12px}.day-number strong{font-size:clamp(115px,32vw,175px);letter-spacing:-7px}.day-number>span{font-size:18px}.since-date{font-size:10px;letter-spacing:1px}.timeline-entry{padding:25px 33px 40px 25px}.entry-layout{display:flex;flex-direction:column;gap:22px;align-items:stretch;max-width:350px}.entry-visual{order:2;padding:9px 9px 0}.entry-copy{order:1}.entry-copy h2{font-size:25px;line-height:1.5;margin-bottom:8px}.entry-date{font-size:11px;margin-bottom:8px;letter-spacing:2px}.entry-tag{display:none}.entry-place{display:none}.entry-open{font-size:11px;gap:20px;padding:5px 0}.cover-placeholder,.entry-visual img{height:min(41dvh,340px)}.placeholder-mark{font-size:39px}.visual-caption{font-size:9px;padding:11px 2px;letter-spacing:.5px}.slide-nav{right:12px;gap:14px}.slide-nav button{width:6px;height:6px}.slide-position{left:25px;bottom:15px;font-size:9px}.intro-next{bottom:25px}.calendar-slide{padding:30px 32px 40px 25px}.calendar-content h2{font-size:28px;margin:10px 0 25px}.upcoming{grid-template-columns:1fr;gap:12px}.upcoming-item{display:grid;grid-template-columns:1fr auto;align-items:center;padding:18px 20px}.upcoming-date{margin-bottom:5px;font-size:10px}.upcoming-title{grid-column:1;grid-row:2;font-size:14px;margin:0}.upcoming-stat{grid-column:2;grid-row:1/3}.upcoming-number{font-size:34px}.upcoming-unit{font-size:10px}.regular-page{padding:0 20px 35px}.page-heading{padding:45px 0 30px}.page-heading h1{font-size:29px}.stars-hero{grid-template-columns:1fr 1fr;margin-top:23px;border-radius:19px;padding:22px 10px;min-height:260px}.stars-copy{padding-left:5px}.collection-label{font-size:6px;letter-spacing:1.5px;padding:4px 6px;margin-bottom:20px}.twinkle-type{font-size:clamp(24px,7.8vw,36px);letter-spacing:-1.5px;-webkit-text-stroke:1.3px #cd8e4f;text-shadow:0 3px 0 #ca9458;margin-bottom:22px}.twinkle-type>span{margin-left:8px}.stars-copy h1{font-size:14px;gap:9px;letter-spacing:1px}.stars-copy h1>span{font-size:22px}.stars-art{height:210px;margin-left:-8px}.art-star{font-size:27px}.star-two{font-size:30px;left:0}.star-three{font-size:17px;left:10%;bottom:10%}.collection-toolbar{font-size:11px;padding:22px 0 16px}.collection-toolbar input{width:155px;font-size:11px;padding:8px 13px}.collection-toolbar strong{font-size:24px}.star-grid{gap:12px}.star-card{padding:8px 8px 15px;border-radius:15px}.star-card img{height:170px;border-radius:9px}.star-card h2{font-size:16px;margin:13px 4px 7px}.star-card p{font-size:9px;margin:0 4px}.empty-state{padding:38px 15px}.empty-symbol{font-size:35px}.art-credit{font-size:8px}.event-dialog{padding:44px 20px 25px;max-height:92dvh}.event-dialog h2{font-size:25px}.detail-photos{gap:12px}.detail-photo img{height:150px}.lightbox{padding:55px 36px}.lightbox-prev{left:0}.lightbox-next{right:0}}
@media(max-height:560px){.slide{min-height:260px}.day-count{transform:none}.day-count h1{font-size:13px}.day-number{margin:0}.day-number strong{font-size:110px}.since-date{font-size:9px}.intro-next{bottom:12px;width:30px;height:30px;font-size:16px;left:calc(50% - 15px)}.entry-layout{display:grid;grid-template-columns:1fr 1fr;max-width:850px;gap:35px}.entry-copy{order:initial}.entry-visual{order:initial}.cover-placeholder,.entry-visual img{height:56dvh}.entry-copy h2{font-size:23px}.timeline-entry{padding:15px 10%}.upcoming{grid-template-columns:repeat(3,1fr)}.upcoming-item{display:block;padding:15px}.upcoming-title{font-size:12px;margin-bottom:12px}.upcoming-number{font-size:28px}.calendar-content h2{font-size:25px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.home-page{scroll-behavior:auto}}