:root{color-scheme:light;--paper:#f3e6d4;--ink:#2a221c;--osmanthus:#c4a574;--warm:#e8d5bc;--hint-qing:#5b8a86;--void:#070b0e;--qingming:#2ec4b6;--qingming-deep:#0e3d3a;--frost:#e8f4f2;--pupil:#c23b3b;--bg:var(--paper);--fg:var(--ink);--muted:color-mix(in srgb, var(--ink) 62%, transparent);--line:var(--osmanthus);--card:#e8d5bc6b;--card-solid:color-mix(in srgb, var(--warm) 88%, var(--paper));--glow:color-mix(in srgb, var(--hint-qing) 35%, transparent);--accent:var(--hint-qing);--cta:var(--ink);--danger:var(--pupil);--shadow:color-mix(in srgb, var(--ink) 18%, transparent);--footer:color-mix(in srgb, var(--ink) 82%, transparent);--font-diary:Palatino, "Songti SC", "Noto Serif SC", "Source Han Serif SC", serif;--font-ui:"Noto Sans SC", "Source Han Sans SC", system-ui, sans-serif}html[data-form=unsheathed]{color-scheme:dark;--bg:var(--void);--fg:var(--frost);--muted:color-mix(in srgb, var(--frost) 62%, transparent);--line:var(--qingming);--card:#0e3d3a6b;--card-solid:color-mix(in srgb, var(--qingming-deep) 88%, var(--void));--glow:color-mix(in srgb, var(--qingming) 55%, transparent);--accent:var(--qingming);--cta:var(--frost);--shadow:#0000008c;--footer:color-mix(in srgb, var(--frost) 88%, transparent)}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background:var(--bg);color:var(--fg);font-family:var(--font-ui);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;transition:background-color .55s,color .45s}body{min-height:100dvh;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.stage{flex-direction:column;min-height:100dvh;display:flex;position:relative}.atmosphere{z-index:5;pointer-events:none;position:fixed;inset:0}.topbar{z-index:4;padding:max(1.1rem, env(safe-area-inset-top)) max(1.2rem, env(safe-area-inset-right)) 0;justify-content:flex-end;gap:.55rem;display:flex;position:relative}.hero{z-index:3;padding:1.5rem max(1.25rem, env(safe-area-inset-right)) 7.5rem max(1.5rem, env(safe-area-inset-left));flex:1;align-items:flex-end;display:flex;position:relative}.diary{border:1px solid color-mix(in srgb, var(--line) 55%, transparent);--diary-blur:blur(18px) saturate(1.15);background:var(--card);width:min(34rem,100%);box-shadow:0 18px 50px var(--shadow), inset 0 1px 0 #ffffff2e;backdrop-filter:var(--diary-blur);border-radius:1.15rem;padding:1.35rem 1.4rem 1.2rem;transition:border-color .45s,background .45s,box-shadow .5s}@supports not (backdrop-filter:blur(1px)){.diary{background:var(--card-solid)}}html[data-form=unsheathed] .diary{box-shadow:0 18px 60px var(--shadow), 0 0 28px var(--glow), inset 0 1px 0 #ffffff1a}.diary-meta{color:var(--line);letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;gap:1rem;margin:0 0 .85rem;font-size:.72rem;display:flex}.diary-copy{min-height:11.5rem;position:relative;overflow:hidden}.diary-face{gap:.35rem;display:grid}.diary-face[data-face=unsheathed]{position:absolute;inset:0}html:not(.is-morphing)[data-form=sheathed] .diary-face[data-face=unsheathed],html:not(.is-morphing)[data-form=unsheathed] .diary-face[data-face=sheathed]{visibility:hidden;opacity:0;pointer-events:none}html.is-morphing .diary-face{pointer-events:none}[data-when]{display:none}html[data-form=sheathed] [data-when=sheathed],html[data-form=unsheathed] [data-when=unsheathed]{display:inline}.hello{font-family:var(--font-diary);letter-spacing:.02em;margin:0;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:400;line-height:1.05}.name{letter-spacing:.04em;margin:0;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:700}.aside{color:var(--muted);margin:.15rem 0 0;font-size:.95rem}.aside.struck{text-decoration:line-through;text-decoration-color:color-mix(in srgb, var(--muted) 55%, transparent)}.caption{max-width:22em;color:var(--muted);font-family:var(--font-diary);margin:.85rem 0 0;font-size:.92rem;line-height:1.7}.socials{flex-wrap:wrap;gap:.85rem 1.15rem;margin-top:1.05rem;display:flex}.cta{color:var(--cta);border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);align-items:center;gap:.55rem;padding:.15rem 0;transition:color .35s,border-color .35s,transform .35s;display:inline-flex}.cta:hover{color:var(--accent);border-color:var(--accent);transform:translate(2px)}.cta svg{width:1.05rem;height:1.05rem}.erosion{background:color-mix(in srgb, var(--line) 28%, transparent);width:100%;height:2px;margin-top:1.15rem;overflow:hidden}.erosion span{background:var(--line);width:12%;height:100%;transition:width .55s,background .45s;display:block}html[data-form=unsheathed] .erosion span{background:var(--pupil);width:64%}.site-footer{z-index:3;padding:1.1rem 1.25rem max(1.15rem, env(safe-area-inset-bottom));color:var(--footer);text-align:center;text-shadow:0 1px 8px color-mix(in srgb, var(--bg) 70%, transparent);background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg) 42%, transparent));gap:.1rem;font-size:.75rem;display:grid;position:relative}.site-footer p{margin:0}.site-footer img{vertical-align:-.28rem;height:1.15rem;display:inline-block}.credit{font-weight:600}.toggle-cluster{border:1px solid color-mix(in srgb, var(--line) 60%, transparent);background:color-mix(in srgb, var(--card-solid) 82%, transparent);backdrop-filter:blur(12px);box-shadow:0 8px 24px var(--shadow);border-radius:999px;align-items:stretch;display:inline-flex;overflow:hidden}.toggle-cluster .toggle{box-shadow:none;backdrop-filter:none;background:0 0;border:0;border-radius:0}.toggle-cluster .auto-toggle{border-right:1px solid color-mix(in srgb, var(--line) 35%, transparent)}.toggle{border:1px solid color-mix(in srgb, var(--line) 60%, transparent);background:color-mix(in srgb, var(--card-solid) 82%, transparent);backdrop-filter:blur(12px);box-shadow:0 8px 24px var(--shadow);border-radius:999px;align-items:center;gap:.65rem;padding:.4rem .55rem .4rem .8rem;display:inline-flex}.toggle-label{letter-spacing:.12em;font-size:.72rem}.toggle-cluster .toggle-label{letter-spacing:.08em}.toggle-track{background:color-mix(in srgb, var(--ink) 12%, transparent);border:1px solid color-mix(in srgb, var(--line) 45%, transparent);border-radius:999px;width:2.7rem;height:1.35rem;position:relative}html[data-form=unsheathed] .form-toggle .toggle-track{background:color-mix(in srgb, var(--accent) 22%, transparent)}.toggle-thumb{background:var(--line);border-radius:50%;width:1.02rem;height:1.02rem;transition:transform .45s cubic-bezier(.22,1,.36,1),background .45s;position:absolute;top:.12rem;left:.14rem}html[data-form=unsheathed] .form-toggle .toggle-thumb{background:var(--accent);box-shadow:0 0 12px var(--glow);transform:translate(1.28rem)}html[data-flash=on] .flash-toggle .toggle-track,html[data-auto=on] .auto-toggle .toggle-track{background:color-mix(in srgb, var(--accent) 22%, transparent)}html[data-flash=on] .flash-toggle .toggle-thumb,html[data-auto=on] .auto-toggle .toggle-thumb{background:var(--accent);box-shadow:0 0 12px var(--glow);transform:translate(1.28rem)}.wallpaper{z-index:0;background:var(--bg);position:fixed;inset:0;overflow:hidden}.wallpaper img{object-fit:cover;width:100%;height:100%}.wall-sheathed,.wall-unsheathed{opacity:0;position:absolute;inset:0}html:not(.is-morphing)[data-form=sheathed] .wall-sheathed,html:not(.is-morphing)[data-form=unsheathed] .wall-unsheathed{opacity:1}.wall-sheathed img{object-position:78% 38%}.wall-unsheathed img{object-position:62% 32%}@media (orientation:portrait),(aspect-ratio<=4/5){.wall-sheathed img{object-position:52% 18%}.wall-unsheathed img{object-position:48% 16%}.diary{width:100%}.hello{font-size:clamp(2.1rem,11vw,2.8rem)}}@media (orientation:landscape) and (aspect-ratio>=4/5){.hero{justify-content:center;align-items:center;padding-top:4rem;padding-bottom:10rem}.diary{transform:translateY(-6vh)}}@media (width>=960px){.hero{padding-left:8vw;padding-right:8vw}.diary{padding:1.7rem 1.8rem 1.45rem}}