:root{--font-cn-serif:"Noto Serif SC";--font-display:"Instrument Serif";--bg:#0c0b09;--bg-raised:#15130f;--fg:#ece6da;--fg-2:#b8b0a3;--muted:#7a7469;--faint:#4a463f;--line:#ece6da17;--line-2:#ece6da2e;--accent:#d4b48a;--danger:#c98a7a;--serif:var(--font-cn-serif), "Songti SC", "STSong", serif;--display:var(--font-display), var(--font-cn-serif), "Songti SC", serif;--sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--gutter:max(20px, env(safe-area-inset-left));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:radial-gradient(1100px 520px at 50% -8%, #d4b48a13, transparent 65%) no-repeat, var(--bg)}body{min-height:100dvh;color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:0 0;margin:0;font-size:15px;line-height:1.75;overflow-x:clip}body:after{content:"";z-index:50;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(6,end) infinite grain;position:fixed;inset:0}@keyframes grain{0%{background-position:0 0}20%{background-position:-37px 23px}40%{background-position:51px -61px}60%{background-position:-19px -44px}80%{background-position:67px 31px}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){body:after{animation:none}}::selection{background:#d4b48a4d}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%;display:block}.shell{width:100%;max-width:720px;padding:0 var(--gutter);margin:0 auto}.eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px}.page-head{padding:72px 0 40px}.page-title{font-family:var(--serif);letter-spacing:.02em;margin:18px 0 0;font-size:clamp(2.2rem,9vw,3.4rem);font-weight:300;line-height:1.2}.page-sub{color:var(--fg-2);margin:14px 0 0;font-size:14px}.section{border-top:1px solid var(--line);padding:56px 0}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:28px;display:flex}.more{letter-spacing:.12em;color:var(--muted);transition:color .4s var(--ease);font-size:12px}.more:hover{color:var(--fg)}.meta{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);font-size:11px}.new-dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-left:8px;display:inline-block;box-shadow:0 0 10px #d4b48a99}.empty{font-family:var(--serif);color:var(--fg-2);padding:40px 0;font-size:17px;font-weight:300;line-height:1.9}.nav{z-index:20;padding-top:env(safe-area-inset-top);background:linear-gradient(var(--bg) 55%, #0c0b0900);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{font-family:var(--display);letter-spacing:.02em;font-size:22px}.brand em{color:var(--accent);font-style:italic}.menu-btn{color:var(--fg-2);letter-spacing:.24em;cursor:pointer;transition:color .4s var(--ease);background:0 0;border:0;align-items:center;gap:12px;padding:8px 0;font-size:13px;display:inline-flex}.menu-btn:hover{color:var(--fg)}.menu-btn .new-dot{margin-left:-4px}.menu-lines{border-top:1px solid;border-bottom:1px solid;width:18px;height:7px;position:relative}.menu{z-index:40;padding-top:env(safe-area-inset-top);background:radial-gradient(900px 500px at 80% 110%, #d4b48a12, transparent 65%), var(--bg);position:fixed;inset:0;overflow-y:auto}.menu-list{margin:0;padding-top:6vh;padding-bottom:64px;list-style:none}.menu-item{border-bottom:1px solid var(--line);transition:padding .6s var(--ease);align-items:baseline;gap:18px;padding:16px 0;display:flex}.menu-item:hover{padding-left:10px}.menu-no{width:22px;font-family:var(--display);color:var(--accent);font-size:15px;font-style:italic}.menu-cn{font-family:var(--serif);letter-spacing:.06em;color:var(--fg-2);transition:color .4s var(--ease);font-size:clamp(1.7rem,7.5vw,2.6rem);font-weight:300;line-height:1.3}.menu-item:hover .menu-cn,.menu-item[aria-current=page] .menu-cn{color:var(--fg)}.menu-new{letter-spacing:.12em;color:var(--accent);font-size:11px}.menu-en{font-family:var(--display);color:var(--muted);margin-left:auto;font-size:16px;font-style:italic}.hero{flex-direction:column;justify-content:center;min-height:calc(100svh - 64px);padding:16px 0 56px;display:flex}.hero-frame{padding:28px 24px 36px}.hero-top{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.hero-side{flex-direction:column;align-items:flex-start;padding-bottom:.7em;display:flex}.hero-days{color:var(--muted);font-size:22px;line-height:1}.hero-cn{font-family:var(--serif);letter-spacing:.3em;color:var(--fg-2);font-size:clamp(1.25rem,5vw,1.6rem);font-weight:300}.hero-num{font-family:var(--display);letter-spacing:-.04em;font-variant-numeric:lining-nums;margin:0 0 0 -.06em;font-size:clamp(10rem,48vw,22rem);font-weight:400;line-height:.82}.hero-num.d3{font-size:clamp(7rem,33vw,17rem)}.hero-num.d4{font-size:clamp(5.5rem,25vw,13rem)}.hero-row{align-items:flex-end;gap:18px;display:flex}.hero-side .hero-cn{margin-bottom:6px}.hero-sub{font-family:var(--serif);color:var(--fg-2);letter-spacing:.06em;margin:36px 0 0;font-size:15px;font-weight:300}.hero-sub b{color:var(--accent);font-weight:500}.scroll-hint{background:linear-gradient(var(--line-2), transparent);width:1px;height:56px;margin-top:64px}.inbox{font-family:var(--serif);font-size:18px;font-weight:300;line-height:1.8;display:block}.inbox-links{font-family:var(--sans);letter-spacing:.12em;color:var(--accent);flex-wrap:wrap;gap:8px 22px;margin-top:12px;font-size:12px;display:flex}.status{padding:40px 0 calc(48px + env(safe-area-inset-bottom));color:var(--muted);letter-spacing:.06em;justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.link-btn{color:var(--muted);letter-spacing:.12em;cursor:pointer;transition:color .4s var(--ease);background:0 0;border:0;padding:0;font-size:12px}.link-btn:hover{color:var(--fg)}.quote{border-bottom:1px solid var(--line);padding:36px 0 32px;position:relative}.quote-text{font-family:var(--serif);white-space:pre-wrap;margin:0;font-size:clamp(1.15rem,4.6vw,1.4rem);font-weight:300;line-height:1.9}.quote-text:before{content:"“";height:.55em;font-family:var(--display);color:var(--accent);opacity:.8;margin-bottom:4px;font-size:3.2em;line-height:1;display:block}.quote-big{border-bottom:0;padding-bottom:0}.quote-big .quote-text{font-size:clamp(1.4rem,6vw,2rem);line-height:1.75}.quote-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.quote-by{color:var(--fg-2);letter-spacing:.1em;font-size:13px}.quote-by .ctx{color:var(--muted);letter-spacing:.04em}.tl{padding-left:28px;position:relative}.tl:before{content:"";background:linear-gradient(var(--line-2), var(--line) 80%, transparent);width:1px;position:absolute;top:10px;bottom:0;left:3px}.tl-item{padding-bottom:56px;position:relative}.tl-item:before{content:"";background:var(--bg);border:1px solid var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;left:-28px}.tl-date{align-items:baseline;gap:14px;display:flex}.tl-day{font-family:var(--display);color:var(--accent);font-size:15px;font-style:italic}.tl-title{font-family:var(--serif);letter-spacing:.02em;margin:10px 0 0;font-size:20px;font-weight:500;line-height:1.5}.tl-body{color:var(--fg-2);white-space:pre-wrap;margin:10px 0 0}.tl-photo{object-fit:cover;filter:saturate(.82)contrast(1.03);border-radius:2px;width:100%;max-height:560px;margin-top:18px}.tl-compact .tl-item{padding-bottom:32px}.tl-compact .tl-title{font-size:17px}.wish{border-bottom:1px solid var(--line);align-items:flex-start;gap:18px;padding:24px 0;display:flex}.wish-check{border:1px solid var(--line-2);cursor:pointer;width:22px;height:22px;transition:border-color .4s var(--ease), background .4s var(--ease);background:0 0;border-radius:50%;flex:none;place-items:center;margin-top:4px;padding:0;display:grid}.wish-check:hover{border-color:var(--accent)}.wish-check[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.wish-check[aria-pressed=true]:after{content:"";background:var(--bg);border-radius:50%;width:6px;height:6px}.wish-main{flex:1;min-width:0}.wish-title{font-family:var(--serif);margin:0;font-size:19px;font-weight:300;line-height:1.6}.wish.done .wish-title{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.wish-note{color:var(--fg-2);margin:4px 0 0;font-size:14px}.composer{margin-bottom:24px}.composer-toggle{border:1px solid var(--line-2);letter-spacing:.14em;cursor:pointer;transition:background .4s var(--ease), border-color .4s var(--ease);background:0 0;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:13px;display:inline-flex}.composer-toggle:hover{border-color:var(--accent);background:#ece6da0a}.composer-form{gap:22px;padding:28px 0 8px;display:grid}.field{gap:6px;display:grid}.field>span{letter-spacing:.24em;color:var(--muted);font-size:11px}.input,.textarea{border:0;border-bottom:1px solid var(--line-2);width:100%;color:var(--fg);font-family:var(--sans);transition:border-color .4s var(--ease);background:0 0;border-radius:0;outline:none;padding:8px 0 10px;font-size:16px;line-height:1.7}.textarea{resize:vertical;min-height:90px}.textarea.serif{font-family:var(--serif);font-size:18px;font-weight:300}.textarea.boxed{border:1px solid var(--line-2);background:#ece6da05;border-radius:2px;padding:18px 18px 20px}.input:focus,.textarea:focus{border-bottom-color:var(--accent)}.input::placeholder,.textarea::placeholder{color:var(--faint)}.input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:auto;min-width:160px}.row{flex-wrap:wrap;align-items:flex-end;gap:22px 32px;display:flex}.seg{border:1px solid var(--line-2);border-radius:999px;padding:3px;display:inline-flex}.seg label{cursor:pointer;position:relative}.seg input{opacity:0;pointer-events:none;position:absolute}.seg span{color:var(--muted);transition:background .4s var(--ease), color .4s var(--ease);border-radius:999px;padding:6px 18px;font-size:14px;display:block}.seg input:checked+span{background:var(--fg);color:var(--bg)}.seg input:focus-visible+span{outline:1px solid var(--accent);outline-offset:2px}.actions{align-items:center;gap:18px;display:flex}.btn{border:1px solid var(--fg);background:var(--fg);color:var(--bg);letter-spacing:.18em;cursor:pointer;transition:opacity .4s var(--ease), transform .2s var(--ease);border-radius:999px;padding:11px 26px;font-size:13px}.btn:hover{opacity:.88}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn-ghost{color:var(--fg);border-color:var(--line-2);background:0 0}.photo-pick{letter-spacing:.1em;color:var(--fg-2);cursor:pointer;align-items:center;gap:10px;font-size:13px;display:inline-flex}.photo-pick input{display:none}.photo-preview{object-fit:cover;border-radius:2px;width:120px;height:120px}.del{color:var(--faint);letter-spacing:.14em;cursor:pointer;transition:color .4s var(--ease);background:0 0;border:0;padding:0;font-size:11px}.del:hover{color:var(--danger)}.err{color:var(--danger);font-size:13px}.gate{min-height:100svh;padding:64px var(--gutter);flex-direction:column;justify-content:center;max-width:560px;margin:0 auto;display:flex}.gate-title{font-family:var(--serif);letter-spacing:.02em;margin:22px 0 0;font-size:clamp(2.2rem,10vw,3.6rem);font-weight:300;line-height:1.3}.gate-title em{font-family:var(--display);color:var(--accent);letter-spacing:0;font-style:italic}.gate-form{gap:28px;margin-top:72px;display:grid}.gate-input{font-family:var(--serif);letter-spacing:.1em;text-align:left;font-size:20px}.gate-who{gap:14px;display:flex}.gate-who .btn{letter-spacing:.3em;flex:1;padding:16px 0;font-size:16px}.letter{max-width:600px;min-height:100svh;padding:18vh var(--gutter) 120px;margin:0 auto}.letter-line{min-height:1em;font-family:var(--serif);letter-spacing:.04em;margin:0;font-size:clamp(1.1rem,4.6vw,1.3rem);font-weight:300;line-height:2.2}.letter-gap{height:1.4em}.letter-end{margin-top:72px}.qa{border-bottom:1px solid var(--line);padding:40px 0}.qa-q{font-family:var(--serif);margin:14px 0 8px;font-size:clamp(1.25rem,5vw,1.5rem);font-weight:500;line-height:1.6}.qa-a{grid-template-columns:44px minmax(0,1fr);gap:12px;padding-top:18px;display:grid}.qa-who{letter-spacing:.2em;color:var(--accent);margin:0;padding-top:3px;font-size:12px}.qa-text{font-family:var(--serif);white-space:pre-wrap;margin:0;font-size:17px;font-weight:300;line-height:1.85}.qa-sealed{color:var(--muted);margin:0;font-size:14px}.wall{columns:2;column-gap:12px;margin-top:32px}@media (min-width:640px){.wall{columns:3;column-gap:16px}}.wall-item{break-inside:avoid;cursor:zoom-in;text-align:left;background:0 0;border:0;width:100%;margin:0 0 18px;padding:0;display:block}.wall-item img{filter:saturate(.82)contrast(1.03);width:100%;transition:filter .6s var(--ease);border-radius:2px}.wall-item:hover img{filter:saturate()contrast(1.03)}.wall-cap{margin-top:6px;display:block}.lightbox{z-index:45;padding:24px var(--gutter);cursor:zoom-out;background:#080706f0;place-items:center;display:grid;position:fixed;inset:0}.lightbox figure{cursor:default;max-width:min(960px,100%);margin:0}.lightbox img{border-radius:2px;max-height:76svh;margin:0 auto}.lightbox-text{font-family:var(--serif);margin:16px 0 0;font-size:17px;font-weight:300}.notes{gap:18px;margin-top:32px;display:grid}.note{border:1px solid var(--line);background:#ece6da05;border-radius:2px;max-width:88%;padding:24px 24px 18px}.note-mine{border-color:#d4b48a38;justify-self:end}.note-text{font-family:var(--serif);white-space:pre-wrap;margin:0;font-size:17px;font-weight:300;line-height:1.9}.song{align-items:center;gap:18px;display:flex}.song-play{border:1px solid var(--line-2);cursor:pointer;width:46px;height:46px;transition:border-color .4s var(--ease);background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.song-play:hover{border-color:var(--accent)}.song-play .tri{border-left:10px solid var(--fg);border-top:6px solid #0000;border-bottom:6px solid #0000;width:0;height:0;margin-left:3px}.song-play .bars{gap:4px;display:flex}.song-play .bars:before,.song-play .bars:after{content:"";background:var(--fg);width:2px;height:12px}.song-main{flex:1;min-width:0}.song-title{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;line-height:1.4;overflow:hidden}.song-title small{font-family:var(--sans);color:var(--muted);margin-left:10px;font-size:13px}.song-bar{background:var(--line-2);cursor:pointer;height:1px;margin-top:12px;position:relative}.song-bar:before{content:"";position:absolute;inset:-10px 0}.song-bar span{background:var(--accent);position:absolute;top:0;bottom:0;left:0}.song-time{justify-content:space-between;margin-top:8px;display:flex}.index-line{font-family:var(--display);color:var(--accent);letter-spacing:.04em;align-items:center;gap:14px;font-size:14px;font-style:italic;display:flex}.index-rule{background:linear-gradient(90deg, var(--line-2), var(--line) 70%, transparent);flex:1;height:1px}.page-en{font-family:var(--display);letter-spacing:-.02em;color:var(--fg);margin:22px 0 0 -.04em;padding-bottom:.08em;font-size:clamp(4rem,19vw,8.5rem);font-style:italic;font-weight:400;line-height:.95}.page-en+.page-title,.page-head .page-title{letter-spacing:.2em;color:var(--fg-2);margin-top:14px;font-size:clamp(1.4rem,5.5vw,1.9rem)}.en{font-family:var(--display);letter-spacing:.01em;text-transform:none;font-style:italic}.badge{flex:none;width:112px;height:112px;position:relative}.badge svg{width:100%;height:100%;animation:40s linear infinite spin;overflow:visible}.badge text{font-family:var(--display);letter-spacing:.08em;fill:var(--fg-2);font-size:13px;font-style:italic}.badge-star{background:var(--accent);width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;top:50%;left:50%;transform:rotate(45deg);box-shadow:0 0 18px #d4b48a80}@keyframes spin{to{transform:rotate(360deg)}}.frame{position:relative}.frame-c{border-color:var(--line-2);pointer-events:none;border-style:solid;border-width:0;width:14px;height:14px;position:absolute}.frame-c.tl{border-top-width:1px;border-left-width:1px;top:0;left:0}.frame-c.tr{border-top-width:1px;border-right-width:1px;top:0;right:0}.frame-c.bl{border-bottom-width:1px;border-left-width:1px;bottom:0;left:0}.frame-c.br{border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{width:max-content;animation:48s linear infinite marquee;display:flex}.marquee-row{font-family:var(--display);color:var(--fg-2);white-space:nowrap;font-size:clamp(1.6rem,6vw,2.4rem);font-style:italic;line-height:1;display:flex}.marquee-row>span{align-items:center;display:inline-flex}.marquee-star{background:var(--accent);width:6px;height:6px;margin:0 .9em;display:inline-block;transform:rotate(45deg)}@keyframes marquee{to{transform:translate(-50%)}}.ornament{justify-content:center;align-items:center;gap:14px;padding:8px 0;display:flex}.ornament:before,.ornament:after{content:"";background:var(--line-2);width:56px;height:1px}.ornament span{border:1px solid var(--accent);width:5px;height:5px;transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.badge svg,.marquee-track{animation:none}}.said{color:var(--muted);margin-left:6px;font-size:15px}.tl-no{font-family:var(--display);color:var(--faint);margin-left:auto;font-size:13px;font-style:italic}.qa-no{font-family:var(--display);color:var(--accent);margin-right:10px;font-style:italic;font-weight:400}.note-to{color:var(--accent);margin:0 0 8px;font-size:16px}.wall-no{color:var(--fg-2);letter-spacing:0;margin-right:6px;font-size:13px}.sec-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:30px;display:flex}.sec-en{font-family:var(--display);color:var(--fg);margin-top:6px;font-size:clamp(2rem,8vw,2.8rem);font-style:italic;line-height:1;display:block}.sec-no{font-family:var(--display);color:var(--accent);letter-spacing:0;margin-right:10px;font-size:14px;font-style:italic}.gate{position:relative}.gate-top{margin-bottom:8px}.gate-badge{align-self:flex-end;margin:8px 0 -24px}.letter-head{margin-bottom:9vh}.song-skip{gap:18px;display:flex}.song-skip button{color:var(--fg-2);font:inherit;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;padding:0}.song-skip button:hover{color:var(--accent)}.playlist{border-top:1px solid var(--line);margin:26px 0 0;padding:0;list-style:none}.playlist li{border-bottom:1px solid var(--line);align-items:center;gap:12px;display:flex}.playlist-item{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:baseline;gap:14px;min-width:0;padding:14px 0;display:flex}.playlist-no{font-family:var(--display);color:var(--faint);font-size:14px;font-style:italic}.playlist-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--serif);color:var(--fg-2);transition:color .4s var(--ease);font-size:16px;font-weight:300;overflow:hidden}.playlist-title small{font-family:var(--sans);color:var(--muted);margin-left:10px;font-size:12px}.playlist li.on .playlist-title,.playlist-item:hover .playlist-title{color:var(--fg)}.playlist li.on .playlist-no{color:var(--accent)}.playlist-eq{background:linear-gradient(var(--accent), var(--accent)) 0 100% / 2px 60% no-repeat, linear-gradient(var(--accent), var(--accent)) 5px 100% / 2px 100% no-repeat, linear-gradient(var(--accent), var(--accent)) 10px 100% / 2px 40% no-repeat;align-self:center;width:12px;height:10px;animation:1s ease-in-out infinite alternate eq}@keyframes eq{to{opacity:.45}}.mini-player{right:max(16px, env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:30;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(12px);background:#15130fe0;border-radius:999px;align-items:center;gap:12px;max-width:min(320px,100vw - 32px);padding:8px 16px 8px 8px;display:flex;position:fixed}.song-play.small{width:34px;height:34px}.song-play.small .tri{border-top-width:5px;border-bottom-width:5px;border-left-width:8px}.song-play.small .bars:before,.song-play.small .bars:after{height:10px}.mini-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--serif);color:var(--fg-2);font-size:14px;overflow:hidden}.mini-next{cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:20px;height:20px;padding:0;display:grid}.mini-next span{border-left:7px solid var(--fg-2);width:0;height:0;box-shadow:3px 0 0 -1px var(--fg-2);border-top:5px solid #0000;border-bottom:5px solid #0000}.today-call{margin-bottom:36px}.big-dur{font-family:var(--display);letter-spacing:-.02em;align-items:baseline;gap:4px;font-size:clamp(4rem,18vw,6.5rem);line-height:1;display:inline-flex}.big-dur small{font-family:var(--serif);letter-spacing:.2em;color:var(--fg-2);margin:0 14px 0 6px;font-size:18px;font-weight:300}.today-summary{font-family:var(--serif);margin:18px 0 0;font-size:clamp(1.1rem,4.6vw,1.3rem);font-weight:300;line-height:1.8}.dur-inputs{gap:28px;display:flex}.dur-inputs label{color:var(--fg-2);align-items:baseline;gap:10px;font-size:14px;display:flex}.input.dur{width:72px;font-family:var(--display);text-align:center;font-size:28px}.chart-head,.chart-foot{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.chart-svg{width:100%;height:auto;margin:14px 0 8px;display:block;overflow:visible}.chart-base{stroke:var(--line-2);stroke-width:.5px}.chart-col{cursor:pointer}.chart-bar{fill:#d4b48a8c;transition:fill .3s var(--ease)}.chart-bar.empty{fill:var(--line-2)}.chart-bar.on,.chart-dot{fill:var(--accent)}.chart-pick{align-items:baseline;gap:10px;display:flex}.chart-pick-dur{font-family:var(--serif);color:var(--fg);font-size:14px}.chart-summary{text-align:center;font-family:var(--serif);color:var(--fg-2);margin:14px 0 0;font-size:15px;font-weight:300}.call{border-bottom:1px solid var(--line);padding:32px 0}.call-top{align-items:baseline;gap:14px;display:flex}.call-dur{font-family:var(--display);color:var(--accent);margin-top:8px;font-size:30px}.call-summary{font-family:var(--serif);margin:8px 0 0;font-size:18px;font-weight:500;line-height:1.6}.hero{position:relative}.hero-cover{z-index:-1;top:calc(-64px - env(safe-area-inset-top));width:100vw;margin-left:-50vw;position:absolute;bottom:-80px;left:50%;overflow:hidden}.hero-cover img{object-fit:cover;object-position:center 30%;filter:brightness(.62)saturate(.92)contrast(1.05);width:100%;height:100%;animation:26s ease-in-out infinite alternate kenburns}@keyframes kenburns{0%{transform:scale(1.12)}to{transform:scale(1)}}.hero-cover-tint{background:linear-gradient(180deg, #0c0b0959 0%, #0c0b0900 28%, #0c0b098c 62%, var(--bg) 100%);position:absolute;inset:0}.hero.has-cover{justify-content:flex-end}.hero.has-cover .hero-frame .frame-c{border-color:#ece6da66}.hero.has-cover .hero-num,.hero.has-cover .hero-cn,.hero.has-cover .hero-sub{text-shadow:0 2px 30px #00000073}.cover-hint{margin-top:22px;font-size:12px;display:inline-block}.wall-item{position:relative}.wall-cover{color:var(--accent);letter-spacing:.2em;background:#0c0b09b3;border-radius:999px;padding:3px 10px;font-size:11px;position:absolute;top:10px;left:10px}.cover-btn{color:var(--accent)}@media (prefers-reduced-motion:reduce){.hero-cover img{animation:none}}.ripple{z-index:60;border:1px solid var(--accent);pointer-events:none;width:0;height:0;animation:ripple .9s var(--ease) forwards;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.ripple.late{opacity:0;border-color:#ece6da59;animation-delay:80ms}.ripple-dot{z-index:60;background:var(--accent);pointer-events:none;width:4px;height:4px;margin:-2px 0 0 -2px;animation:.6s ease-out forwards ripple-dot;position:fixed;transform:rotate(45deg)}@keyframes ripple{0%{opacity:.9;width:0;height:0}to{opacity:0;width:64px;height:64px}}@keyframes ripple-dot{0%{opacity:1;transform:rotate(45deg)scale(1)}to{opacity:0;transform:rotate(45deg)scale(.2)}}.hero-figure{display:none}@media (min-width:900px) and (min-aspect-ratio:1){.hero.has-cover{--hero-w:min(1180px, 92vw);width:var(--hero-w);margin-left:calc((100% - var(--hero-w)) / 2);margin-right:calc((100% - var(--hero-w)) / 2);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(32px,5vw,72px);display:grid}.hero.has-cover .hero-frame{grid-area:1/1}.hero-figure{border:1px solid var(--line-2);grid-area:1/2;margin:0;padding:10px;display:block}.hero-figure img{object-fit:cover;filter:saturate(.92)contrast(1.03)brightness(.92);width:auto;max-width:40vw;height:min(72vh,720px);display:block;box-shadow:0 40px 90px #0000008c}.hero.has-cover .hero-cover img{filter:blur(56px)brightness(.38)saturate(.9);animation:none;transform:scale(1.25)}}