@font-face{font-family:"Instrument Serif";src:url(/assets/InstrumentSerif-Regular-Latin-DMBBXlSj.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Kalam;src:url(/assets/Kalam-Bold-Latin-FUjyxC7h.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/Nunito-Variable-Latin-CoO-Pt7h.woff2) format("woff2");font-style:normal;font-weight:200 900;font-display:swap}:root{color-scheme:light;--background: #faf6ef;--surface: #fffaf2;--text: #493b32;--muted: #66584d;--line: #ded2c3;--accent: #805234;--sea: #3d6063;--apricot: #f2dfc5;--paper: #fffaf5ed;--font-body: "Nunito", "Peanora WenKai", sans-serif;--font-chinese: "Peanora WenKai", serif;--font-display: "Nunito", "Peanora WenKai", sans-serif;--font-handwriting: "Kalam", "Peanora WenKai", cursive;--gutter: clamp(22px, 4.5vw, 72px);--section-space: clamp(56px, 6vw, 88px)}@font-face{font-family:Peanora WenKai;src:url(/assets/LXGWWenKaiLite-Regular-Dwxh1X-6.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Peanora WenKai;src:url(/assets/LXGWWenKaiLite-Core-BPX0Fpek.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+20,U+21,U+22,U+23,U+24,U+25,U+26,U+27,U+28,U+29,U+2A,U+2B,U+2C,U+2D,U+2E,U+2F,U+30,U+31,U+32,U+33,U+34,U+35,U+36,U+37,U+38,U+39,U+3A,U+3B,U+3C,U+3D,U+3E,U+3F,U+40,U+41,U+42,U+43,U+44,U+45,U+46,U+47,U+48,U+49,U+4A,U+4B,U+4C,U+4D,U+4E,U+4F,U+50,U+51,U+52,U+53,U+54,U+55,U+56,U+57,U+58,U+59,U+5A,U+5B,U+5C,U+5D,U+5E,U+5F,U+60,U+61,U+62,U+63,U+64,U+65,U+66,U+67,U+68,U+69,U+6A,U+6B,U+6C,U+6D,U+6E,U+6F,U+70,U+71,U+72,U+73,U+74,U+75,U+76,U+77,U+78,U+79,U+7A,U+7B,U+7C,U+7D,U+7E,U+B7,U+D7,U+2014,U+2026,U+2190,U+2191,U+2192,U+2193,U+2197,U+2212,U+2713,U+3001,U+3002,U+300C,U+300D,U+4E00,U+4E0A,U+4E0B,U+4E0D,U+4E0E,U+4E16,U+4E1C,U+4E2A,U+4E2D,U+4E3A,U+4E3B,U+4E50,U+4E5F,U+4E60,U+4E66,U+4E86,U+4E8B,U+4E8C,U+4E91,U+4E9B,U+4EBA,U+4EC5,U+4ECA,U+4ECB,U+4ECD,U+4ED6,U+4EE3,U+4EE5,U+4EF6,U+4EFD,U+4F1A,U+4F4D,U+4F4F,U+4F5C,U+4F60,U+4F7F,U+4F8B,U+4F9B,U+4F9D,U+4FDD,U+4FE1,U+503C,U+505C,U+50A8,U+50CF,U+5143,U+5145,U+5149,U+514B,U+514D,U+5165,U+5173,U+5174,U+5176,U+5185,U+51AC,U+51FB,U+5207,U+521B,U+5220,U+5230,U+524D,U+52A0,U+52A1,U+52A8,U+5348,U+5355,U+5360,U+5386,U+539F,U+53BB,U+53CA,U+53D1,U+53D6,U+53E5,U+53EA,U+53EF,U+53F0,U+53F6,U+5403,U+5404,U+540C,U+540D,U+540E,U+5411,U+542C,U+547C,U+548C,U+54AA,U+54C1,U+54CD,U+5531,U+5566,U+559C,U+5668,U+56DE,U+56E0,U+56FE,U+5728,U+5730,U+573A,U+5740,U+5757,U+578B,U+586B,U+5883,U+58C1,U+5907,U+590F,U+591A,U+591C,U+5927,U+5929,U+5934,U+5939,U+5947,U+597D,U+59CB,U+5B50,U+5B57,U+5B58,U+5B66,U+5B83,U+5B8C,U+5B98,U+5B9A,U+5B9E,U+5BB9,U+5BF9,U+5BFC,U+5C01,U+5C06,U+5C0F,U+5C1A,U+5C1D,U+5C4F,U+5DE5,U+5DF2,U+5E0C,U+5E55,U+5E73,U+5E76,U+5EA6,U+5EAD,U+5F00,U+5F0F,U+5F20,U+5F53,U+5F55,U+5F71,U+5F80,U+5F85,U+5F97,U+5FAA,U+5FC3,U+5FC6,U+5FF5,U+6027,U+606F,U+60C5,U+60CA,U+60F3,U+6162,U+6170,U+61A9,U+620F,U+6210,U+6211,U+6216,U+622A,U+623F,U+624B,U+6253,U+627E,U+6280,U+628A,U+62B1,U+62DB,U+62E9,U+6301,U+6309,U+6362,U+6388,U+63A2,U+63A5,U+63D0,U+63D2,U+6444,U+64AD,U+64CD,U+6536,U+653E,U+6545,U+6548,U+6570,U+6574,U+6587,U+65B0,U+65B9,U+65E0,U+65E5,U+65E7,U+65F6,U+6613,U+6625,U+662F,U+665A,U+666F,U+6674,U+6682,U+66F2,U+66F4,U+66FF,U+6700,U+6709,U+670D,U+671B,U+671F,U+672A,U+672C,U+672F,U+673A,U+6743,U+6750,U+6761,U+6765,U+677F,U+6784,U+6795,U+6797,U+679C,U+67E5,U+6811,U+68A6,U+6A2A,U+6B21,U+6B22,U+6B4C,U+6B62,U+6B63,U+6B65,U+6BB5,U+6CA1,U+6CD5,U+6D3B,U+6D45,U+6D4F,U+6D77,U+6D88,U+6DE1,U+6DFB,U+6E38,U+6ED1,U+6EDA,U+6F14,U+7075,U+70B9,U+7167,U+7231,U+7247,U+7269,U+72EC,U+732B,U+73A9,U+73AF,U+73B0,U+73ED,U+7406,U+751F,U+7528,U+7531,U+753B,U+754C,U+7559,U+767D,U+7684,U+76EE,U+770B,U+771F,U+773C,U+7761,U+77AC,U+793A,U+79BB,U+79CB,U+79CD,U+79F0,U+79FB,U+7A0B,U+7A7A,U+7A97,U+7ACB,U+7AD6,U+7AD9,U+7ADE,U+7AE0,U+7AEF,U+7B49,U+7B7E,U+7B97,U+7D20,U+7D22,U+7EAA,U+7EB8,U+7EC4,U+7EC8,U+7ECD,U+7ECF,U+7ED9,U+7EE7,U+7EED,U+7EFF,U+7F16,U+7F51,U+7F6E,U+7FFB,U+800C,U+80CC,U+80FD,U+81EA,U+822A,U+8272,U+8282,U+82B1,U+82E5,U+83DC,U+843D,U+8475,U+85C9,U+85CF,U+865A,U+8865,U+8868,U+88AB,U+897F,U+8981,U+89C2,U+89C8,U+89C9,U+89D2,U+89E6,U+8BA4,U+8BB0,U+8BBE,U+8BD5,U+8BE6,U+8BF7,U+8BFB,U+8D5B,U+8D77,U+8DA3,U+8DF3,U+8F6E,U+8F6F,U+8F7D,U+8F83,U+8FB9,U+8FC7,U+8FCE,U+8FD4,U+8FD8,U+8FD9,U+8FDB,U+9009,U+9020,U+9047,U+907F,U+90A3,U+91CC,U+91CD,U+91D1,U+94FE,U+95ED,U+95F4,U+9633,U+9645,U+9662,U+9664,U+968F,U+9690,U+96C6,U+975E,U+9762,U+97F3,U+9875,U+9879,U+9891,U+9897,U+9898,U+98CE,U+996D,U+9996,U+9AD8,U+9EA6,U+9ED8,U+FF0C,U+FF1A,U+FF1B}*,*:before,*:after{box-sizing:border-box}html{background:var(--background);scrollbar-gutter:stable}body{margin:0;font-family:var(--font-body);color:var(--text);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}#app{position:relative;isolation:isolate;min-height:100vh}body,button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border-radius:0}figure,blockquote,h1,h2,h3,p{margin:0}ul,ol{padding:0}::selection{background:#ecd4b5;color:var(--text)}:focus-visible{outline:2px solid var(--sea);outline-offset:6px}[tabindex="-1"]:focus{outline:none}[id]{scroll-margin-top:30px}.shell{width:100%;max-width:1512px;padding-inline:var(--gutter);margin-inline:auto}.display{font-family:var(--font-display);font-weight:800;line-height:1.08;letter-spacing:-.025em}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:500;color:var(--muted);line-height:1.6}.muted{color:var(--muted)}.small{font-size:13px}.body-copy{color:var(--muted);line-height:1.9;max-width:58ch}.text-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;font-size:14px;transition:color .18s}.text-link:hover{color:var(--sea)}.plain-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:8px 20px;border:1px solid var(--line);background:transparent;font-size:14px;transition:background .18s,border-color .18s}.plain-button:hover{background:var(--surface);border-color:var(--muted)}.plain-button:active{transform:scale(.97)}.save-button[aria-pressed=true]{animation:favorite-keep .26s ease-out}@keyframes favorite-keep{0%{transform:scale(.96)}65%{transform:scale(1.035)}to{transform:scale(1)}}.image-frame{position:relative;overflow:hidden}.image-label{position:absolute;left:16px;bottom:14px;font-size:11px;padding:3px 9px;background:#fffaf2ed;color:var(--text);letter-spacing:.03em;pointer-events:none}.draft-label{display:inline-block;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:3px}.skip-link{position:fixed;z-index:100;top:12px;left:16px;padding:10px 18px;background:var(--text);color:var(--background);transform:translateY(-200%)}.skip-link:focus{transform:none}.page-enter-active,.page-leave-active{transition:opacity .18s ease,transform .18s ease}.page-enter-from,.page-leave-to{opacity:0}.page-enter-from{transform:translateY(10px)}.page-leave-to{transform:translateY(-6px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[data-reveal]{transition:opacity .35s ease,transform .35s ease}.reveal-pending{opacity:0;transform:translateY(10px)}@media(hover:hover){.theme-image-link:hover img,.photo-button:hover img{transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-pending{opacity:1;transform:none}}.site-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:10}.wordmark{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:13px;letter-spacing:.015em}.wordmark-initial{font-family:var(--font-display);font-size:37px;line-height:1}.site-navigation{display:flex;align-items:center;gap:clamp(22px,3vw,44px)}.site-navigation a{display:flex;align-items:center;position:relative;min-height:44px;color:var(--muted);font-size:13px;transition:color .18s}.site-navigation a:after{content:"";height:1px;position:absolute;left:0;right:0;bottom:5px;background:var(--text);transform:scaleX(0);transform-origin:left;transition:transform .18s}.site-navigation a:hover,.site-navigation a.router-link-active{color:var(--text)}.site-navigation a.router-link-active:after,.site-navigation a:hover:after{transform:scaleX(1)}.menu-toggle{display:none}.home-hero{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);padding-block:32px 78px}.hero-name{font-size:clamp(80px,9vw,124px);animation:name-enter .42s ease-out both}@keyframes name-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hero-scroll{position:absolute;right:0;bottom:28px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:21px;transition:border-color .18s}.hero-scroll:hover{border-color:var(--sea)}.home-chapters{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(28px,4vw,64px);padding-block:30px var(--section-space)}.theme-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.entry-dot{width:5px;height:5px;background:var(--sea);border-radius:50%}.theme-music .entry-dot{background:var(--accent)}.theme-title-link{display:flex;align-items:end;justify-content:space-between;gap:10px;min-height:56px}.theme-title{font-size:clamp(40px,4vw,56px);max-width:none}.theme-music .theme-title{max-width:none}.theme-arrow{font-size:24px;line-height:1;padding-bottom:7px;color:var(--muted);transition:transform .18s,color .18s}.theme-title-link:hover .theme-arrow{color:var(--text);transform:translate(2px,-2px)}.theme-index{color:var(--muted);font-size:11px;letter-spacing:.09em;margin:15px 0 22px}.theme-image-link{display:block;position:relative;overflow:hidden;border-radius:14px;box-shadow:0 8px 24px #664b3110}.theme-image-link img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;transition:transform .38s ease}.theme-action{margin-top:15px;width:100%;justify-content:space-between}.home-little{border-top:1px solid var(--line);padding-block:32px 48px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:8px 30px}.home-little-link{grid-column:2;grid-row:1 / 3;display:flex;align-items:center;justify-content:space-between;gap:16px}.home-little-link .display{font-size:clamp(42px,4.4vw,66px)}.home-little-link>span:last-child{font-size:26px;color:var(--muted)}.home-little>p{font-size:13px}.site-footer{display:flex;align-items:center;gap:28px;min-height:110px;border-top:1px solid var(--line);font-size:12px;background:#fffaf5a6}.footer-name{min-height:44px;display:flex;align-items:center}.footer-note{color:var(--muted)}.footer-socials{margin-left:auto;display:flex;gap:20px}.footer-socials a{min-height:44px;display:flex;align-items:center}.page-heading{padding-block:68px 56px}.page-heading>.eyebrow{margin-bottom:25px}.page-heading h1{font-size:clamp(72px,10vw,150px)}.section-navigation{display:flex;flex-wrap:wrap;gap:12px 36px;margin-top:42px}.section-navigation a{display:inline-flex;align-items:center;gap:25px;min-height:44px;color:var(--muted);font-size:13px}.section-navigation a:hover{color:var(--text)}.content-section{border-top:1px solid var(--line);padding-block:48px var(--section-space)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:48px}.section-heading h2{font-size:clamp(42px,4.7vw,68px)}.about-section{display:grid;grid-template-columns:1fr 1.15fr;gap:60px}.section-side h2{font-size:clamp(48px,5vw,72px);margin:22px 0 26px}.about-introduction{font-size:clamp(20px,2vw,27px);line-height:1.8;max-width:36ch}.about-introduction p+p{margin-top:.8em}.about-details{display:grid;grid-template-columns:1fr;gap:30px;margin:40px 0 28px}.about-interests,.about-learning{padding:0;margin-top:14px;list-style:none;color:var(--muted);font-size:14px}.about-interests{display:flex;flex-wrap:wrap;gap:6px 20px}.about-interests li:before{content:"·";margin-right:8px;color:var(--accent)}.about-learning li+li{margin-top:12px}.about-learning strong{color:var(--text);font-weight:600}.about-find-heading+.entry-links{margin-top:10px}.about-details p{margin-top:14px;color:var(--muted);font-size:14px}.entry-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}.project-entry{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:clamp(36px,5vw,76px);padding-bottom:50px}.project-entry+.project-entry{border-top:1px solid var(--line);padding-top:50px}.project-entry.reverse .project-image{order:2}.project-image img{width:100%;height:auto}.entry-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.status{font-size:11px;color:var(--sea)}.project-copy h3,.song-copy h3,.memory-story h3,.experience-list h3{font-size:24px;font-weight:400;line-height:1.5;margin:22px 0 18px}.tags{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;color:var(--sea);font-size:12px;margin-block:24px 0}.experience-list{list-style:none;margin:0}.experience-list li{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:30px 0;border-bottom:1px solid var(--line)}.experience-list h3{margin-top:0}.empty-note{padding:32px 0;font-size:14px;color:var(--muted)}.empty-note p{margin-top:20px}.next-chapter{border-top:1px solid var(--line);padding-block:42px 76px}.next-chapter>a{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:clamp(40px,5vw,72px);margin-top:26px}.next-chapter>a>span{font-family:var(--font-body);font-size:30px;color:var(--muted)}.music-view .page-heading{padding-bottom:60px}.music-view .title-indent{margin-left:13%}.song-entry{display:grid;grid-template-columns:35px minmax(150px,230px) 1fr auto;align-items:center;gap:clamp(20px,4vw,60px);padding-block:20px 38px}.song-entry+.song-entry{border-top:1px solid var(--line);padding-top:38px}.song-number{align-self:start;padding-top:6px}.song-cover img{width:100%}.song-copy h3{margin:14px 0}.song-copy .small{display:inline-block;margin-top:14px}.memory-entry{display:grid;grid-template-columns:1fr 2.2fr;gap:70px}.memory-entry+.memory-entry{padding-top:70px;margin-top:70px;border-top:1px solid var(--line)}.memory-index{padding-top:8px}.memory-index p{color:var(--muted);margin-top:8px}.memory-index .small{display:block;margin-top:12px}.memory-story h3{margin-top:0}.memory-story .draft-label{margin-bottom:28px}.photo-button{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left}.photo-button img{width:100%;height:auto;transition:transform .38s ease}.memory-photo+.memory-photo{margin-top:20px}.memory-paragraph{margin-top:28px}.mementos{color:var(--muted);padding-left:20px}.photo-gallery{display:grid;grid-template-columns:1.45fr 1fr;gap:8vw;align-items:start}.gallery-portrait{padding-top:90px}.photo-gallery figcaption{font-size:12px;color:var(--muted);margin-top:16px}.photo-expand{position:absolute;right:14px;bottom:14px;background:var(--background);width:36px;height:36px;display:grid;place-items:center}.music-disclaimer{font-size:12px;color:var(--muted);max-width:65ch;padding-bottom:54px;line-height:1.9}.lightbox{width:100vw;height:100dvh;max-width:100%;max-height:100%;border:0;margin:0;padding:24px clamp(20px,5vw,80px);background:#faf6effa;color:var(--text)}.lightbox::backdrop{background:var(--background)}.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;height:50px}.lightbox-close{display:flex;align-items:center;gap:20px;min-height:44px;border:0;background:transparent;font-size:14px;padding:8px}.lightbox-close span{font-size:28px}.lightbox-figure{height:calc(100dvh - 174px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.lightbox-figure img{max-height:calc(100% - 50px);max-width:100%;object-fit:contain;min-height:0}.lightbox-figure figcaption{color:var(--muted);font-size:13px;text-align:center}.lightbox-controls{display:flex;justify-content:center;gap:24px;padding-top:10px}.little-view{max-width:1200px}.little-paper{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0 34px}.quote-area{min-height:210px;display:flex;align-items:center;padding-block:35px}.quote-area blockquote{max-width:25ch;font-size:clamp(25px,3.1vw,40px);line-height:1.8;letter-spacing:.025em;font-weight:400}.quote-source{color:var(--muted);font-size:12px}.little-actions{margin-top:32px;display:flex;gap:16px}.save-button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--apricot)}.quote-enter-active,.quote-leave-active{transition:opacity .15s ease}.quote-enter-from,.quote-leave-to{opacity:0}.action-notice{color:var(--sea);font-size:13px;min-height:44px;padding-block:10px}.favorites-section{padding-block:42px 65px}.favorites-section .section-heading{margin-bottom:20px}.favorites-list{list-style:none;margin-top:32px}.favorites-list li{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}.favorites-list p{font-size:15px}.remove-favorite{flex-shrink:0;min-height:44px;background:transparent;border:0;font-size:12px;padding:8px;color:var(--muted)}.remove-favorite:hover{color:var(--text)}.margin-note{border-top:1px solid var(--line);padding-block:20px 45px}.margin-note-toggle{display:inline-flex;min-height:44px;align-items:center;gap:30px;font-size:12px;color:var(--muted);background:transparent;border:0;padding:0}.margin-note p{color:var(--muted);font-size:13px;max-width:42ch;margin-top:14px}.not-found{padding-block:100px 160px}.not-found h1{font-size:clamp(56px,9vw,130px);margin-block:30px}.not-found .text-link{margin-top:28px}@media(max-width:1000px){.site-navigation{gap:22px}.home-chapters{column-gap:38px}.theme-title-link{min-height:56px}.theme-title{font-size:44px}.theme-music .theme-title{max-width:none}.project-entry{gap:32px;grid-template-columns:1.1fr 1fr}.song-entry{grid-template-columns:24px 165px 1fr;gap:24px}.song-play{grid-column:3}.memory-entry{gap:36px;grid-template-columns:1fr 2.5fr}}@media(max-width:720px){.site-header{min-height:82px;flex-wrap:wrap;gap:0}.wordmark{font-size:12px;gap:10px}.wordmark-initial{font-size:32px}.menu-toggle{display:inline-flex;align-items:center;gap:18px;min-height:44px;padding:8px 0 8px 12px;background:transparent;border:0;font-size:13px}.menu-mark{font-size:22px;width:18px}.site-navigation{display:none;width:100%;padding:12px 0 24px;border-top:1px solid var(--line)}.site-navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:8px}.site-navigation a{font-size:15px}.site-navigation a:after{right:auto;width:30px}.home-hero{min-height:386px;padding-block:28px 94px}.hero-name{font-size:clamp(74px,20vw,104px)}.hero-scroll{bottom:22px;width:44px;height:44px}.home-chapters{grid-template-columns:1fr;gap:36px;padding-top:34px}.theme-meta{margin-bottom:18px}.theme-title-link{min-height:0}.theme-title{font-size:clamp(42px,9vw,54px)}.theme-music .theme-title{max-width:none}.theme-index{margin-block:18px 23px}.theme-music{padding-top:30px;border-top:1px solid var(--line)}.home-little{grid-template-columns:1fr;padding-block:30px 44px;gap:20px}.home-little-link{grid-row:auto;grid-column:auto}.home-little-link .display{font-size:48px}.home-little>p{margin-top:-6px}.site-footer{flex-wrap:wrap;min-height:130px;padding-block:20px;gap:8px 18px}.footer-note{order:3;width:100%}.page-heading{padding-block:45px 35px}.page-heading h1{font-size:clamp(64px,15vw,100px)}.page-heading>.eyebrow{margin-bottom:20px}.section-navigation{gap:5px 24px;margin-top:24px}.section-navigation a{gap:12px;font-size:12px}.content-section{padding-top:32px}.section-heading{flex-wrap:wrap;gap:10px;margin-bottom:30px}.section-heading h2{font-size:44px}.about-section{grid-template-columns:1fr;gap:36px}.about-introduction{font-size:21px}.about-details{margin-top:28px}.project-entry{grid-template-columns:1fr;gap:28px;padding-bottom:20px}.project-entry.reverse .project-image{order:0}.project-copy h3{font-size:23px}.experience-list li{grid-template-columns:1fr;gap:14px}.next-chapter{padding-block:32px 54px}.next-chapter>a{font-size:44px}.next-chapter>a>span{font-size:23px}.music-view .title-indent{margin-left:7%}.song-entry{grid-template-columns:100px 1fr;gap:24px 20px;padding-bottom:15px;align-items:start}.song-number{grid-column:1 / -1;padding-top:0}.song-cover .image-label{font-size:9px;padding:2px 5px;left:5px;bottom:5px}.song-copy h3{font-size:20px;margin:8px 0 12px}.song-copy .body-copy{font-size:15px}.song-play{grid-column:2}.memory-entry{grid-template-columns:1fr;gap:24px}.memory-index{display:flex;align-items:center;gap:20px}.memory-index .small,.memory-index p{margin-top:0}.photo-gallery{grid-template-columns:1fr 1fr;gap:18px}.gallery-landscape{grid-column:1 / -1}.gallery-portrait{padding-top:12px;grid-column:2}.photo-gallery figcaption{font-size:11px}.image-label{left:10px;bottom:10px}.lightbox{padding:16px}.lightbox-figure{height:calc(100dvh - 162px)}.lightbox-controls{gap:18px}.quote-area{min-height:205px}.little-actions{gap:12px}.plain-button{padding-inline:16px;font-size:13px}.favorites-list li{gap:14px}}.site-backdrop{position:fixed;inset:0;z-index:-1;background:var(--background);pointer-events:none}.site-backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3}.site-backdrop .wallpaper-enter-active,.site-backdrop .wallpaper-leave-active{transition:opacity .3s linear}.site-backdrop .wallpaper-enter-from,.site-backdrop .wallpaper-leave-to{opacity:0}.site-backdrop:after{content:"";position:absolute;inset:0;background:#fff9ef88}.hero-identity{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative}.hero-avatar-frame{width:128px;height:128px;border-radius:50%;padding:6px;background:#fffaf5;box-shadow:0 7px 28px #77513016}.hero-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.hero-entrances{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px}.hero-entrances a{min-height:44px;border:1px solid #d9c4ac;border-radius:24px;background:#fffaf5df;display:inline-flex;align-items:center;justify-content:space-between;padding:8px 18px;gap:24px;font-size:13px;transition:background .18s,border-color .18s}.hero-entrances a:hover{background:var(--apricot);border-color:#bd9770}.wallpaper-picker{position:absolute;left:0;bottom:24px;z-index:3}.wallpaper-toggle{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 14px;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--text);font-size:12px}.wallpaper-toggle-label{color:var(--muted);margin-left:12px}.wallpaper-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid #493b3220}.wallpaper-options{position:absolute;bottom:calc(100% + 12px);left:0;width:min(390px,calc(100vw - 2 * var(--gutter)));border:1px solid var(--line);border-radius:16px;background:#fffbf6;padding:20px;box-shadow:0 12px 40px #70523817}.wallpaper-hint,.wallpaper-feedback{font-size:12px;color:var(--muted);line-height:1.7}.wallpaper-choices{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0}.wallpaper-choices button{display:flex;align-items:center;gap:9px;min-height:44px;border:1px solid transparent;border-radius:8px;padding:8px 10px;background:transparent;text-align:left;font-size:12px}.wallpaper-choices button:hover{background:#f8ede0}.wallpaper-choices button[aria-pressed=true]{background:#f6e7d4;border-color:#ddc09e}.wallpaper-check{margin-left:auto;color:var(--accent)}.world-view .content-section,.music-view .content-section,.favorites-section{background:#fffaf5b8}.world-view .content-section,.music-view .content-section{padding-inline:clamp(18px,3vw,42px)}.little-paper{background:var(--paper);padding-inline:clamp(20px,4vw,48px);border-radius:12px}.favorites-section{padding-inline:clamp(20px,4vw,48px);border-radius:12px}.eyebrow{font-size:12px}.site-navigation a.router-link-active{color:var(--accent)}.site-navigation a:after{background:var(--accent)}.page-heading h1{font-size:clamp(64px,8vw,112px)}@media(max-width:720px){.hero-avatar-frame{width:104px;height:104px}.hero-identity{gap:18px}.hero-entrances{gap:10px}.hero-entrances a{padding-inline:14px;gap:12px;font-size:12px}.wallpaper-picker{bottom:22px}.wallpaper-toggle{padding-inline:12px;gap:8px}.wallpaper-toggle-label{margin-left:4px}.wallpaper-options{padding:16px}.world-view .content-section,.music-view .content-section{padding-inline:18px}.page-heading h1{font-size:clamp(60px,15vw,96px)}}.app-frame.is-home{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.is-home .site-header{flex-shrink:0}.is-home .app-main{flex:1;min-height:0;position:relative}.is-home .app-main>.home-pager{height:100%}.home-pager{display:flex;flex-direction:column;overflow:hidden}.screen-stage{flex:1;min-height:0;position:relative}.home-screen{height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}.screen-layout{min-height:100%;display:grid;align-items:center;padding-block:24px}.cover-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:60px;max-width:1300px}.home-title{font-family:var(--font-handwriting);font-weight:700;font-size:clamp(70px,8.4vw,124px);letter-spacing:-.045em;line-height:1.14}.brand-word{display:block;white-space:nowrap}.brand-word+.brand-word{color:var(--accent);padding-left:.45em}.brand-letter{display:inline-block;transform:rotate(var(--lean));animation:letter-land .42s cubic-bezier(.22,.9,.28,1.22) both;animation-delay:calc(var(--letter) * 24ms)}@keyframes letter-land{0%{opacity:0;transform:translateY(22px) rotate(-5deg) scale(.92)}65%{opacity:1;transform:translateY(-5px) rotate(var(--lean))}to{opacity:1;transform:translateY(0) rotate(var(--lean))}}.cover-rule{width:100px;height:5px;border-radius:50%;background:#d5a775;transform:rotate(-3deg);margin:15px 0 30px 14px}.cover-portrait{justify-self:center;position:relative;transform:rotate(4deg)}.portrait-photo{width:clamp(190px,22vw,290px);aspect-ratio:1;border-radius:50%;border:10px solid #fffbf5;box-shadow:0 14px 34px #70523818;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.3,1.3)}.portrait-photo img{width:100%;height:100%;object-fit:cover}.portrait-sun{position:absolute;width:58px;height:58px;right:-27px;top:-25px;color:#b17b35;transform:rotate(-10deg)}.portrait-note{display:block;text-align:center;font-family:var(--font-handwriting);font-size:25px;margin-top:14px;color:var(--accent)}.screen-entry{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;border:1px solid #d4b797;border-radius:26px;background:#fffaf3ed;color:var(--text);font-size:14px;padding:10px 22px;transition:transform .2s cubic-bezier(.2,.8,.3,1.3),background .18s,box-shadow .18s}.screen-entry:active{transform:scale(.96)}.theme-screen-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(30px,5vw,76px);max-width:1400px}.screen-title{font-family:var(--font-display);font-weight:800;font-size:clamp(48px,5.6vw,84px);line-height:1.05;letter-spacing:-.04em;margin-block:17px 24px}.screen-description{color:var(--text);font-size:16px;line-height:1.8;max-width:27ch}.screen-index{font-size:12px;letter-spacing:.07em;color:var(--muted);margin:14px 0 28px}.screen-artwork{position:relative;padding:10px 10px 8px;background:#fffcf7;border-radius:8px;box-shadow:0 12px 35px #79552d17;transform:rotate(2deg);margin:12px 8px}.screen-music .screen-artwork{transform:rotate(-2deg)}.screen-little .screen-artwork{transform:rotate(1deg)}.screen-art-link{display:block;position:relative;overflow:hidden;border-radius:3px}.screen-art-link img{width:100%;height:auto;aspect-ratio:16/10;max-height:44dvh;object-fit:cover;transition:transform .35s}.screen-artwork figcaption{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);padding:9px 5px 2px}.artwork-tape{position:absolute;z-index:1;top:-12px;left:42%;width:78px;height:26px;background:#efd1a8dc;transform:rotate(-5deg);pointer-events:none}.artwork-open{position:absolute;right:12px;bottom:12px;background:#fffcf4ec;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.pager-bottom{flex-shrink:0;max-width:1400px;padding-bottom:12px;position:relative;z-index:5}.pager-tools{display:flex;align-items:center;gap:22px;min-height:48px;margin-bottom:8px}.home-pager .wallpaper-picker{position:relative;left:auto;bottom:auto}.pager-help{color:var(--muted);font-size:12px}.touch-help{display:none}.pager-social{margin-left:auto;font-size:12px;min-height:44px;display:flex;align-items:center}.pager-controls{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:8px}.pager-arrow{display:grid;place-items:center;flex-shrink:0;width:42px;height:44px;border:0;background:#fffaf3c9;border-radius:50%;color:var(--text);font-size:20px}.pager-arrow:disabled{opacity:.35;cursor:default}.screen-navigation{display:flex;justify-content:center;gap:8px;flex:1;min-width:0}.screen-navigation button{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:8px 14px;border-radius:24px;min-height:44px;color:var(--muted);font-size:12px;white-space:nowrap;transition:color .18s,background .18s}.screen-navigation button[aria-current=step]{background:#f2dfc5;color:var(--text);font-weight:800}.screen-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.screen-nav-short{display:none}.screen-count{flex-shrink:0;width:50px;font-size:11px;text-align:right;color:var(--muted)}.screen-enter-active{animation:screen-land .39s cubic-bezier(.2,.8,.3,1) both}.screen-leave-active{transition:opacity .14s ease,transform .14s ease}.screen-leave-to{opacity:0;transform:translateY(calc(var(--direction) * -25px)) scale(.985)}@keyframes screen-land{0%{opacity:0;transform:translateY(calc(var(--direction) * 42px)) scale(.985)}70%{opacity:1;transform:translateY(calc(var(--direction) * -6px)) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@media(hover:hover){.portrait-photo:hover{transform:rotate(-5deg) translateY(-3px)}.screen-entry:hover{transform:translateY(-3px);background:var(--apricot);box-shadow:0 5px 14px #79552d16}.screen-art-link:hover img{transform:scale(1.025)}.screen-navigation button:hover{background:#fffaf3}}@media(max-width:1000px){.screen-navigation button{padding-inline:10px}.cover-layout{gap:35px}.theme-screen-layout{gap:30px}.screen-title{font-size:56px}}@media(max-width:720px){.is-home .site-header{min-height:72px}.is-home .site-navigation.is-open{position:absolute;left:var(--gutter);right:var(--gutter);top:100%;width:auto;background:#fffaf5;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 10px 30px #70523816}.cover-layout{grid-template-columns:minmax(0,1fr) 106px;gap:16px;padding-block:24px}.home-title{font-size:clamp(36px,10.5vw,68px)}.portrait-photo{width:106px;border-width:5px}.portrait-sun{width:30px;height:30px;right:-10px;top:-18px}.portrait-note{font-size:18px;margin-top:10px}.cover-rule{width:55px;height:3px;margin:12px 0 24px 6px}.screen-entry{gap:16px;min-height:44px;padding:9px 16px;font-size:12px}.theme-screen-layout{grid-template-columns:1fr;align-content:center;gap:24px;padding-block:20px}.screen-title{font-size:clamp(42px,10.5vw,62px);margin-block:12px 16px}.screen-description{font-size:14px;max-width:none}.screen-index{margin-block:9px 18px;font-size:11px}.screen-artwork{width:100%;max-width:430px;justify-self:center;margin:6px 0}.screen-art-link img{max-height:29dvh;aspect-ratio:16/9}.pager-bottom{padding-bottom:max(8px,env(safe-area-inset-bottom))}.pager-tools{justify-content:space-between;gap:10px;margin-bottom:4px}.pager-social{display:none}.pager-help{font-size:10px;max-width:95px;line-height:1.6;text-align:right}.desktop-help{display:none}.touch-help{display:inline}.pager-controls{gap:4px;padding-top:5px}.pager-arrow{width:44px;height:44px;font-size:17px}.screen-navigation{gap:0}.screen-navigation button{padding:8px 7px;gap:4px;font-size:11px}.screen-nav-full,.screen-dot{display:none}.screen-nav-short{display:inline}.screen-count{width:40px;font-size:10px}}@media(max-width:360px){.screen-count{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}@media(max-height:620px){.screen-layout{padding-block:16px}.screen-title{font-size:42px;margin-block:10px 14px}.screen-art-link img{max-height:27dvh}.screen-index{margin-block:7px 15px}.theme-screen-layout{gap:16px}}@media(prefers-reduced-motion:reduce){.brand-letter{opacity:1;transform:none}.home-screen{transform:none!important;opacity:1!important}}body:has(.home-pager) .site-backdrop img{opacity:.42}body:has(.home-pager) .site-backdrop:after{background:linear-gradient(100deg,#fff9eff5 4%,#fff9efdf 43%,#fff9efad)}.cover-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:1fr auto;column-gap:60px;row-gap:28px;align-content:center;padding-block:26px}.home-title{font-size:clamp(70px,7.5vw,112px);line-height:1.07}.brand-word+.brand-word{font-size:1.15em;padding-left:.48em;margin-top:7px;transform:rotate(-4deg)}.letter-float{display:inline-block;animation:letter-drift 4.8s ease-in-out infinite;animation-delay:calc(var(--letter) * -.24s)}@keyframes letter-drift{0%,to{transform:translateY(0) rotate(0)}45%{transform:translateY(-3px) rotate(.7deg)}70%{transform:translateY(1px) rotate(-.4deg)}}.cover-rule{margin-block:14px 22px;width:108px}.cover-portrait{justify-self:end;margin-right:36px;transform:rotate(6deg);margin-top:12px}.cover-message{margin:0 0 18px}.cover-welcome{font-family:var(--font-chinese);font-size:clamp(22px,2vw,30px);color:var(--text);line-height:1.6}.cover-signature{display:grid;align-items:start;font-family:var(--font-chinese);color:var(--accent);font-size:clamp(17px,1.5vw,21px);line-height:1.8;min-height:3.6em;max-width:27em;margin-top:6px}.signature-reserve,.signature-visual{grid-area:1 / 1}.signature-reserve{display:grid;visibility:hidden;pointer-events:none}.signature-reserve>span{grid-area:1 / 1;overflow-wrap:anywhere}.signature-character{display:inline-block;white-space:pre;animation:signature-pop .18s ease-out}.signature-visual{overflow-wrap:anywhere}.signature-cursor{display:inline-block;width:1px;height:1em;margin-left:4px;vertical-align:-.12em;background:#ad835a;animation:cursor-breathe 1.4s ease-in-out infinite}.signature-static .signature-cursor{display:none}.signature-paused .signature-character{animation-play-state:paused}@keyframes signature-pop{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes cursor-breathe{0%,to{opacity:.9}50%{opacity:.25}}.portrait-photo{display:block;width:clamp(190px,20vw,262px);aspect-ratio:auto;padding:10px 10px 0;border:0;border-radius:3px;background:#fffcf6;box-shadow:0 15px 34px #70523820,0 1px 2px #70523815;cursor:pointer}.portrait-photo img{aspect-ratio:1;height:auto;display:block;border-radius:2px}.portrait-note{margin:0;padding:12px 0 8px;font-size:26px;line-height:1.2}.portrait-sun{top:-35px;right:-36px;animation:sun-turn 48s linear infinite}@keyframes sun-turn{to{transform:rotate(350deg)}}.portrait-thread{position:absolute;width:210px;height:88px;left:-190px;bottom:4px;color:#ac825b;pointer-events:none}.portrait-photo.is-bouncing{animation:portrait-hello .42s ease}@keyframes portrait-hello{30%{transform:translateY(-9px) rotate(-5deg)}65%{transform:translateY(2px) rotate(2deg)}}.cover-bookmarks{grid-column:1 / -1;display:flex;gap:16px;width:min(100%,760px);justify-self:center;padding:6px 0}.cover-bookmarks button{flex:1;min-width:0;display:flex;align-items:center;gap:12px;text-align:left;padding:7px 12px 7px 7px;border:1px solid #dbc7ae;background:#fffcf4ed;border-radius:2px 12px 12px 2px;box-shadow:0 4px 12px #79552d0a;transition:transform .2s,box-shadow .2s}.cover-bookmarks button:nth-child(2){transform:translateY(5px) rotate(1deg);background:#f8eeebf2}.cover-bookmarks button:nth-child(3){transform:rotate(-1.5deg);background:#f5f0e4f2}.cover-bookmarks img{width:64px;height:56px;flex-shrink:0;object-fit:cover;border-radius:2px}.cover-bookmarks small{display:block;color:var(--muted);font-size:9px;letter-spacing:.08em;white-space:nowrap;margin-bottom:6px}.cover-bookmarks strong{font-size:13px;font-weight:500;white-space:nowrap}.bookmark-arrow{margin-left:auto;font-size:16px}.screen-description{max-width:23em}.is-still .ambient-loop{animation-play-state:paused}.home-scene{position:relative;width:100%;min-width:0;max-width:640px;justify-self:center}.scene-paper{background:#fffcf7;box-shadow:0 14px 36px #79552d20;padding:12px;border-radius:3px}.scene-image-link{position:relative;display:block;overflow:hidden;border-radius:2px}.scene-image-link>img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;max-height:34dvh;object-fit:cover;transition:transform .35s}.scene-paper figcaption{display:flex;justify-content:space-between;gap:8px;padding:12px 3px 2px;font-size:11px;color:var(--muted)}.notebook-art{transform:rotate(-2deg);padding-left:26px;border-left:7px solid #7f9685;margin:26px 8px 0 0}.notebook-art:before{content:"";position:absolute;top:0;bottom:0;left:10px;border-left:1px dashed #bcb0a0}.notebook-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.12em;padding:6px 1px 13px;color:#657567}.scene-handnote{display:block;color:#677b68;font:19px var(--font-handwriting);transform:rotate(-5deg);margin-left:12px}.notebook-tabs{display:flex;justify-content:flex-end;gap:8px;margin-right:28px;transform:rotate(-2deg)}.notebook-tabs span{font-size:11px;background:#e6eadc;padding:10px 14px 7px;border-radius:0 0 5px 5px}.notebook-tabs span:nth-child(2){background:#f0debe}.notebook-tabs span:nth-child(3){background:#e9ddd6}.scene-music{padding-top:30px;padding-right:11%;padding-bottom:28px}.record-sleeve{position:absolute;right:-1%;top:-8px;width:66%;aspect-ratio:1;overflow:clip;border-radius:50%;box-shadow:0 12px 26px #40372f25}.vinyl-disc{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at center,#45413d 0 1px,#33312f 2px 4px);border:6px solid #383432;box-shadow:0 12px 26px #40372f25;animation:record-turn 36s linear infinite}@keyframes record-turn{to{transform:rotate(360deg)}}.vinyl-label{position:absolute;inset:32%;border-radius:50%;overflow:hidden;background:#e6c8ac;border:4px solid #e6c8ac}.vinyl-label img{width:100%;height:100%;object-fit:cover}.vinyl-label span{position:absolute;inset:46%;border-radius:50%;background:#fffcf7;box-shadow:0 0 0 3px #e6c8ac}.music-photo{position:relative;transform:rotate(4deg);margin-top:60px}.music-photo .scene-image-link>img{aspect-ratio:16 / 11;max-height:29dvh}.music-handnote{font:24px var(--font-handwriting);color:#94665a;transform:rotate(-5deg);position:relative;margin:22px 0 0 14%}.scene-material-note{color:var(--muted);font-size:10px;margin:5px 0 0 14%}.scene-little{min-height:340px;padding-block:22px}.little-photo{width:62%;max-width:310px;transform:rotate(-10deg);margin-top:0}.little-photo>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.note-sheet{position:absolute;width:64%;min-height:250px;right:0;top:70px;display:flex;flex-direction:column;align-items:stretch;padding:26px 24px 18px;border:1px solid #dac396;border-radius:2px;background:repeating-linear-gradient(transparent 0 30px,#b9985e18 30px 31px),#f8edcd;text-align:left;box-shadow:0 12px 26px #79552d20;transform:rotate(4deg);transition:transform .25s;color:var(--text)}.note-sheet.is-open{transform:rotate(-1deg) translateY(-5px)}.note-pin{position:absolute;top:-10px;left:48%;width:15px;height:15px;background:#9f674f;border:3px solid #c59579;border-radius:50%;box-shadow:0 3px 3px #79552d20}.note-number{font-size:10px;letter-spacing:.09em;color:#7f6342}.note-content{display:flex;flex:1;min-height:145px;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px}.note-doodle{font-size:38px;line-height:1;color:#a67b3f}.note-invitation,.note-quote{font-size:16px;line-height:1.9}.note-source{font-size:10px;color:var(--muted)}.note-action{border-top:1px solid #b9985e40;padding-top:12px;font-size:12px;display:flex;justify-content:space-between}.little-handnote{display:block;font:21px var(--font-handwriting);color:#8a7353;margin:32px 0 0 18px;transform:rotate(-5deg)}.note-enter-active,.note-leave-active{transition:opacity .12s,transform .12s}.note-enter-from{opacity:0;transform:translateY(5px)}.note-leave-to{opacity:0;transform:translateY(-5px)}.screen-enter-active .screen-part{animation:scene-arrive .22s both}.screen-enter-active .screen-title{animation:scene-arrive .28s 30ms both}.screen-enter-active .home-scene{animation:scene-arrive .3s 70ms both}.screen-enter-active .screen-entry{animation:scene-arrive .22s .16s both}@keyframes scene-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover){.cover-bookmarks button:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:0 8px 16px #79552d18}.scene-image-link:hover img{transform:scale(1.025)}}@media(max-width:1000px){.cover-layout{column-gap:30px}.cover-bookmarks{gap:10px}.cover-bookmarks img{width:48px;height:48px}.cover-bookmarks button{gap:8px}.pager-tools{gap:14px}.pager-help{font-size:10px}.home-title{font-size:clamp(58px,7.5vw,85px)}}@media(max-width:720px){body:has(.home-pager) .site-backdrop:after{background:linear-gradient(110deg,#fff9eff0,#fff9efc7)}.cover-layout{grid-template-columns:minmax(0,1fr) 106px;grid-template-rows:auto auto;align-content:center;column-gap:14px;row-gap:32px;padding-block:30px}.cover-copy{display:contents}.home-title{grid-column:1;grid-row:1}.cover-portrait{grid-column:2;grid-row:1;margin-right:6px}.cover-rule{display:none}.cover-message{grid-column:1 / -1;margin:0}.cover-entry{justify-self:start}.cover-welcome{font-size:23px}.cover-signature{font-size:16px;min-height:3.6em}.home-title{font-size:clamp(34px,10vw,66px)}.brand-word+.brand-word{font-size:1.2em;padding-left:.2em}.portrait-photo{width:106px;padding:5px 5px 0}.portrait-note{font-size:18px;padding:9px 0 6px}.portrait-sun{width:29px;height:29px;right:-9px;top:-26px}.portrait-thread{width:82px;left:-66px;bottom:-55px}.cover-rule{margin-block:14px 22px;width:65px}.cover-bookmarks{gap:7px;align-items:stretch;padding-top:8px}.cover-bookmarks button{padding:5px 5px 9px;flex-direction:column;align-items:stretch;gap:7px}.cover-bookmarks img{width:100%;height:48px}.cover-bookmarks strong{font-size:11px}.cover-bookmarks small{font-size:7px;margin-bottom:3px;letter-spacing:.01em}.bookmark-arrow{display:none}.pager-tools{gap:8px}.pager-help{display:none}.home-scene{max-width:410px}.scene-handnote{font-size:16px}.notebook-art{margin-top:14px;padding:8px 8px 8px 18px}.notebook-top{font-size:8px;padding-bottom:8px}.scene-paper figcaption{font-size:9px;padding-top:8px}.scene-image-link>img{max-height:24dvh;aspect-ratio:16 / 9}.notebook-tabs span{font-size:9px;padding:8px 9px 6px}.scene-music{padding-top:6px;padding-bottom:0;width:94%}.record-sleeve{top:-8px;width:57%;right:0}.music-photo{margin-top:40px;padding:8px}.music-photo .scene-image-link>img{max-height:22dvh;aspect-ratio:16 / 9}.music-handnote{font-size:19px;margin-top:15px}.scene-material-note{font-size:9px}.scene-little{min-height:285px;width:94%}.little-photo{width:61%;padding:7px}.note-sheet{min-height:218px;width:65%;top:42px;padding:20px 15px 14px}.note-content{min-height:128px}.note-invitation,.note-quote{font-size:13px}.note-number{font-size:8px}.little-handnote{font-size:17px;margin-top:45px}}@media(max-height:860px)and (min-width:721px){.home-title{font-size:clamp(66px,6.5vw,92px)}.cover-layout{padding-block:14px;row-gap:18px}.cover-rule{margin-block:9px 14px;height:3px}.cover-message{margin-bottom:12px}.cover-welcome{font-size:23px}.cover-signature{font-size:18px;min-height:3.6em}.scene-music{padding-top:6px;padding-bottom:12px}.music-photo{margin-top:32px}.scene-little{min-height:285px}.note-sheet{min-height:218px;top:42px}.note-content{min-height:115px}}@media(max-height:680px)and (min-width:721px){.home-title{font-size:clamp(60px,6.5vw,88px)}.cover-layout{padding-block:15px;row-gap:18px}.portrait-photo{width:190px}}@media(max-height:680px)and (max-width:720px){.cover-layout{padding-block:10px;row-gap:10px}.cover-entry{display:none}.cover-welcome{font-size:20px}.cover-signature{font-size:15px;margin-top:3px}.cover-portrait .portrait-photo{width:92px}.cover-bookmarks img{height:40px}.cover-rule{margin-block:10px 16px}}@media(prefers-reduced-motion:reduce){.letter-float,.portrait-sun,.vinyl-disc{animation:none;transform:none}}.music-widget{position:relative;flex-shrink:0}.music-toggle{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:6px 12px;border:1px solid var(--line);border-radius:24px;background:#fffaf5b3;color:var(--text);font-size:13px}.music-toggle:hover,.music-toggle[aria-expanded=true]{background:var(--apricot)}.music-panel{position:absolute;top:calc(100% + 12px);right:0;width:360px;max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;padding:18px;border:1px solid var(--line);border-radius:5px 5px 18px;background:#fffaf5;box-shadow:0 12px 40px #493b3220}.music-panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.music-panel-top .eyebrow{font-size:10px}.music-panel-close{width:44px;min-height:44px;border:0;background:none;font-size:24px}.music-panel h2{font-family:var(--font-chinese);font-size:25px;font-weight:400;margin-top:6px}.music-artist{font-size:13px;margin-block:3px 14px}.music-artist span,.music-status,.music-footnote{color:var(--muted)}.music-load{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;min-height:44px;width:100%;border:1px solid #d9c4ac;border-radius:4px;background:var(--background);font-size:14px}.official-player{min-height:90px;margin-inline:-10px}.official-player iframe{display:block;width:100%;border:0;height:90px}.music-status{font-size:12px;line-height:1.6;min-height:2em;margin-top:10px}.music-panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px}.music-panel-actions a,.music-panel-actions button{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;font-size:12px;color:var(--accent)}.music-footnote{font-size:11px;line-height:1.7;border-top:1px solid var(--line);padding-top:10px;margin-top:7px}.song-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.song-actions button{background:none;padding:0;border:0;cursor:pointer}@media(max-width:720px){.music-widget{position:static;order:2;margin-left:auto}.site-header>.menu-toggle{order:3;gap:10px;padding-left:14px}.site-header>.site-navigation{order:4}.music-toggle{padding-inline:10px;font-size:12px}.music-panel{top:74px;left:0;right:0;width:auto;max-height:calc(100dvh - 100px)}}@media(max-width:360px){.site-header .wordmark{gap:6px;font-size:10px}.site-header>.menu-toggle{gap:5px;padding-left:10px}.music-toggle{padding-inline:8px;gap:4px}}