:root,:root[data-theme=light]{color-scheme:light;--md-primary: #6f4627;--md-on-primary: #ffffff;--md-primary-container: #8b5e3c;--md-on-primary-container: #ffe3d1;--md-secondary-container: #ece3d4;--md-on-secondary-container: #2a2118;--md-tertiary-container: #ffdcc5;--md-on-tertiary-container: #5b412f;--md-surface: #fbf8f2;--md-on-surface: #1e1b19;--md-on-surface-variant: #4a4644;--md-surface-container-lowest: #fffdf9;--md-surface-container-low: #f5f1e8;--md-surface-container: #f0ebe1;--md-surface-container-high: #eae4d8;--md-surface-container-highest: #e4ddd0;--md-outline: #7b7673;--md-outline-variant: #ccc5c2;--md-inverse-surface: #33302e;--md-inverse-on-surface: #f7efec}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--md-primary: #f4bb92;--md-on-primary: #4a280a;--md-primary-container: #8b5e3c;--md-on-primary-container: #ffe3d1;--md-secondary-container: #52443b;--md-on-secondary-container: #f3dfd2;--md-tertiary-container: #5b412f;--md-on-tertiary-container: #ffdcc5;--md-surface: #161311;--md-on-surface: #e9e1de;--md-on-surface-variant: #ccc5c2;--md-surface-container-lowest: #100e0c;--md-surface-container-low: #1e1b19;--md-surface-container: #221f1d;--md-surface-container-high: #2d2927;--md-surface-container-highest: #383432;--md-outline: #958f8d;--md-outline-variant: #4a4644;--md-inverse-surface: #e9e1de;--md-inverse-on-surface: #33302e}}:root[data-theme=dark]{color-scheme:dark;--md-primary: #f4bb92;--md-on-primary: #4a280a;--md-primary-container: #8b5e3c;--md-on-primary-container: #ffe3d1;--md-secondary-container: #52443b;--md-on-secondary-container: #f3dfd2;--md-tertiary-container: #5b412f;--md-on-tertiary-container: #ffdcc5;--md-surface: #161311;--md-on-surface: #e9e1de;--md-on-surface-variant: #ccc5c2;--md-surface-container-lowest: #100e0c;--md-surface-container-low: #1e1b19;--md-surface-container: #221f1d;--md-surface-container-high: #2d2927;--md-surface-container-highest: #383432;--md-outline: #958f8d;--md-outline-variant: #4a4644;--md-inverse-surface: #e9e1de;--md-inverse-on-surface: #33302e}:root{--font: "Google Sans Flex", "Noto Sans TC", system-ui, sans-serif;--radius-l: 28px;--gutter: clamp(16px, 4vw, 40px)}*{box-sizing:border-box}html{font-family:var(--font);font-size:16px;line-height:1.7;background:var(--md-surface);color:var(--md-on-surface);-webkit-text-size-adjust:100%;text-size-adjust:100%;transition:background-color .25s,color .25s}body{margin:0;min-height:100vh;display:flex;flex-direction:column}html[data-lang=en] [lang=zh-Hant],html[data-lang=zh-Hant] [lang=en]{display:none}a{color:var(--md-primary);text-underline-offset:.25em}main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:0 var(--gutter) 6rem}.app-bar{display:flex;align-items:center;padding:.75rem var(--gutter)}.wordmark{margin-right:auto;color:var(--md-on-surface);text-decoration:none;font-weight:600;letter-spacing:.12em;display:flex;gap:.75rem;align-items:baseline}.wordmark>span{color:var(--md-on-surface-variant);font-weight:400;letter-spacing:.05em;font-size:.9rem}.nav{display:flex;gap:.25rem;margin-right:1rem}.nav a{padding:.4rem .9rem;border-radius:999px;color:var(--md-on-surface-variant);text-decoration:none;font-weight:500}.nav a:hover,.nav a[aria-current=page]{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.page-body{max-width:38rem;padding-top:2.5rem;font-size:1.1rem;line-height:1.9}.essay-page{max-width:38rem;margin:0 auto;padding-top:4rem}.essay-page header time{color:var(--md-on-surface-variant);font-size:.9rem;letter-spacing:.05em}.essay-page h1{font-size:clamp(1.9rem,5vw,2.6rem);line-height:1.4;font-weight:600;letter-spacing:.03em;margin:.5rem 0 2.5rem}.essay-body{font-size:1.125rem;line-height:2;letter-spacing:.02em}.essay-body p{margin:0 0 1.6em}.essay-body h2{font-size:1.35rem;font-weight:600;margin:2.5em 0 1em}.essay-body blockquote{margin:2em 0;padding:1.25rem 1.5rem;border-radius:20px;background:var(--md-surface-container-low);color:var(--md-on-surface-variant)}.essay-body blockquote p{margin:0}.essay-body img{max-width:100%;border-radius:20px}.essay-foot{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--md-outline-variant)}@media(max-width:760px){.app-bar{flex-wrap:wrap;row-gap:.25rem}.nav{order:3;width:100%;margin:0 -.5rem}.intro{padding-top:2.5rem}.essay-page{padding-top:2rem}.essay:first-child{padding:2rem}}.toggles{display:flex;align-items:center;gap:.5rem}.segmented{display:flex;border:1px solid var(--md-outline);border-radius:999px;overflow:hidden}.segmented button{font:inherit;font-weight:500;font-size:.85rem;min-width:2.75rem;padding:.3rem .7rem;border:0;background:transparent;color:var(--md-on-surface);cursor:pointer}.segmented button+button{border-left:1px solid var(--md-outline)}.segmented button[aria-pressed=true]{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.icon-button{width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--md-on-surface-variant);cursor:pointer;display:grid;place-items:center}.icon-button:hover{background:var(--md-surface-container-high)}.icon-button svg{width:22px;height:22px;fill:currentColor;stroke:currentColor;display:none}.icon-button[data-mode=auto] .i-auto,.icon-button[data-mode=light] .i-light,.icon-button[data-mode=dark] .i-dark{display:block}.intro{display:grid;grid-template-columns:3fr 1fr;gap:2rem;align-items:end;padding:5rem 0 3.5rem;border-bottom:1px solid var(--md-outline-variant)}.intro h1{font-family:var(--font);font-weight:600;font-size:clamp(2.25rem,6vw,3.75rem);line-height:1.35;margin:0;letter-spacing:.04em}.intro h1 em{font-style:normal;color:var(--md-primary)}.intro aside{color:var(--md-on-surface-variant);font-size:.95rem}.essays{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:2.5rem}.essay{background:var(--md-surface-container-low);border-radius:var(--radius-l);padding:2rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.75rem;transition:background-color .2s}.essay:hover{background:var(--md-surface-container)}.essay:first-child{grid-column:span 2;background:var(--md-secondary-container);color:var(--md-on-secondary-container);padding:2.75rem}.essay time{font-size:.8rem;letter-spacing:.05em;opacity:.75}.essay h2{font-family:var(--font);font-weight:600;font-size:1.5rem;line-height:1.5;margin:0}.essay:first-child h2{font-size:2rem}.essay p{font-family:var(--font);margin:0;color:var(--md-on-surface-variant);line-height:1.9}.essay:first-child p{color:inherit}.footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem var(--gutter);color:var(--md-on-surface-variant);font-size:.85rem}@media(max-width:760px){.intro,.essays{grid-template-columns:1fr}.essay:first-child{grid-column:auto}}
