:root{color-scheme:light;--paper: #f7f5ef;--card: #fffdf8;--ink: #2c353a;--muted: #626e74;--faint: #747b79;--blue: #354f63;--blue-hover: #243e52;--on-blue: #fffdf8;--soft: #e8eef0;--line: #dedfda;--lamp: #b68352;--lamp-soft: #f0e5d5;--green: #5e7568;--danger: #9a4d43;--overlay: rgb(25 35 41 / 35%);--shadow: 0 20px 80px rgb(39 49 54 / 15%);--art-frame: #e8e4d9;--art-sky: #9fbbc8;--art-hill-far: #8ba4a3;--art-hill: #678a99;--art-shadow: #d3d7ce;--serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;--sans: "Inter", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--reading-size: 17px;font-family:var(--sans);font-size:14px;line-height:1.7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html[data-theme=dark]{color-scheme:dark;--paper: #182127;--card: #202d34;--ink: #e9e7df;--muted: #afbbc0;--faint: #9faeaf;--blue: #b1ccda;--blue-hover: #d0e2e9;--on-blue: #203440;--soft: #293e48;--line: #3e4c52;--lamp: #d9ad7d;--lamp-soft: #3d3832;--green: #afc4b4;--danger: #efada1;--overlay: rgb(4 12 18 / 65%);--shadow: 0 20px 80px rgb(0 0 0 / 35%);--art-frame: #536068;--art-sky: #3a5668;--art-hill-far: #35535d;--art-hill: #243e4d;--art-shadow: #14232a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--paper);color:var(--ink);min-width:280px}body,button,input{font-family:var(--sans)}button,input,select,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;background:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button,a{transition:color .18s,background-color .18s,border-color .18s,opacity .18s,transform .18s}input{color:var(--ink);min-width:0}input::placeholder{color:var(--muted);opacity:.85}input[type=range]{accent-color:var(--blue);cursor:pointer;height:44px;min-width:0;margin:0}input[type=range]:disabled{opacity:.4;cursor:default}input[type=checkbox]{accent-color:var(--blue);width:22px;height:22px;flex:0 0 auto}svg{flex-shrink:0;vertical-align:middle}img{max-width:100%;display:block}::selection{background:var(--lamp-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--lamp);outline-offset:4px;border-radius:3px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}h1,h2,h3,p,blockquote{margin:0}h1,h2,h3{text-wrap:balance}fieldset{min-width:0;margin:0;padding:0;border:0}.container{width:min(1180px,calc(100% - 112px));margin-inline:auto}.site-shell{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}.site-shell>main{min-height:65vh}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:200;top:12px;left:16px;padding:12px 18px;background:var(--blue);color:var(--on-blue);border-radius:6px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.muted{color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:11px 22px;border:1px solid transparent;border-radius:5px;line-height:1.5;font-size:14px;font-weight:500}.button-primary{background:var(--blue);color:var(--on-blue)}.button-primary:hover{background:var(--blue-hover);transform:translateY(-1px)}.button-secondary{background:transparent;border-color:var(--line);color:var(--blue)}.button-secondary:hover{background:var(--soft);border-color:var(--blue)}.button-text{padding-inline:12px;color:var(--muted)}.button-text:hover{color:var(--blue)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:50%;padding:10px;color:var(--muted)}.icon-button:hover:not(:disabled){color:var(--blue);background:var(--soft)}.text-button,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;color:var(--blue);padding:5px 0;font-size:13px}.text-button:hover,.text-link:hover{color:var(--lamp)}.eyebrow,.tiny-eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.6;font-weight:500;letter-spacing:2px;color:var(--muted)}.eyebrow>span:empty{width:25px;height:1px;background:var(--lamp)}.eyebrow svg{color:var(--lamp)}.tiny-eyebrow{font-size:12px;letter-spacing:1.4px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading h2{font-family:var(--serif);font-weight:600;font-size:23px;letter-spacing:1px;display:flex;align-items:center;gap:9px}.section-heading>span{font-size:12px;color:var(--muted)}.heading-dot{color:var(--lamp);margin-left:4px}.window-mark{display:inline-block;position:relative;width:36px;height:43px;flex:0 0 36px;border:1.5px solid var(--blue);border-radius:22px 22px 3px 3px;color:var(--blue)}.window-mark:before{content:"";position:absolute;top:6px;bottom:2px;left:48%;width:1px;background:currentColor}.window-mark:after{content:"";position:absolute;left:3px;right:3px;top:23px;height:1px;background:currentColor}.window-mark>span{width:8px;height:8px;border-radius:50%;background:var(--lamp);position:absolute;top:9px;right:5px}.window-mark.small{width:24px;height:29px;flex-basis:24px;border-radius:15px 15px 2px 2px}.window-mark.small:before{top:4px}.window-mark.small:after{top:16px}.window-mark.small>span{width:5px;height:5px;top:6px;right:3px}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:26px;border-bottom:1px solid var(--line);position:relative;z-index:30}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-title{display:block;font-family:var(--serif);font-size:25px;letter-spacing:4px;font-weight:600;line-height:1.5}.brand-subtitle{display:block;color:var(--muted);font-size:9px;letter-spacing:1.75px;line-height:1.5}.main-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.main-nav>a{position:relative;min-height:44px;padding:10px 3px;font-size:14px;white-space:nowrap;color:var(--muted)}.main-nav>a:hover,.main-nav>a.active{color:var(--blue)}.main-nav>a.active:after{content:"";position:absolute;left:calc(50% - 7px);bottom:0;width:14px;height:2px;background:var(--blue)}.header-tools{display:flex;align-items:center;padding-left:18px;border-left:1px solid var(--line);gap:2px}.search-launcher{width:auto;border-radius:5px;gap:8px}kbd{font:11px var(--sans);color:var(--faint);line-height:1.6;border:1px solid var(--line);border-radius:4px;padding:1px 5px;white-space:nowrap}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;column-gap:45px;padding-block:65px 63px}.hero-copy{padding-top:7px;min-width:0}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(40px,4.3vw,58px);line-height:1.65;letter-spacing:5px;margin:20px 0}.hero h1 em{font-style:normal;color:var(--blue)}.hero-description{color:var(--muted);line-height:2.1;font-size:14px}.hero-actions{display:flex;align-items:center;gap:16px;margin-top:28px}.hero-quiet-note{display:flex;align-items:center;gap:8px;padding:0;margin-top:21px;color:var(--muted);font-size:12px;text-align:left}.hero-quiet-note svg:first-child{color:var(--lamp)}.study-scene{position:relative;isolation:isolate;width:min(100%,440px);aspect-ratio:420 / 390;justify-self:end}.study-background{width:100%;height:auto;display:block}.mascot-button{position:absolute;width:34%;height:43%;left:32%;top:36%;padding:0;transform-origin:center bottom}.mascot-button:hover{transform:translateY(-4px) rotate(-2deg)}.mascot-art{width:100%;height:100%;overflow:visible}.mascot-headphones{opacity:.35;transition:opacity .5s}.mascot-eyes{transform-origin:50% 36%;animation:blink 8s infinite}.mascot-bubble{position:absolute;left:50%;top:25%;max-width:95%;transform:translate(-50%);background:var(--card);border:1px solid var(--line);border-radius:6px;font-size:12px;line-height:1.6;padding:9px 13px;white-space:nowrap;box-shadow:0 3px 14px #1e323c0a}.mascot-bubble:after{content:"";position:absolute;left:48%;bottom:-5px;width:8px;height:8px;background:var(--card);transform:rotate(45deg);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.scene-caption{position:absolute;left:0;right:0;bottom:0;text-align:center;color:var(--muted);font-size:10px;letter-spacing:2.8px}.featured-post{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:40px;padding:31px 34px;background:var(--card);border:1px solid var(--line);border-radius:9px;align-items:center}.featured-post:hover{border-color:var(--lamp)}.featured-post .eyebrow{font-size:12px;letter-spacing:1px}.featured-post h2{display:flex;align-items:center;gap:16px;font-family:var(--serif);font-weight:500;font-size:28px;line-height:1.5;margin:13px 0 9px}.featured-post h2 svg{margin-left:auto;color:var(--blue)}.featured-post p{font-size:13px;line-height:1.9;color:var(--muted)}.featured-post .post-meta{margin-top:19px}.feature-read{margin-left:auto;color:var(--blue)}.featured-cover{height:151px;border-radius:5px}.home-content{display:grid;grid-template-columns:minmax(0,1fr) 255px;column-gap:63px;padding-top:59px}.category-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;margin:21px 0 2px}.category-tabs button{display:inline-flex;align-items:center;min-height:44px;padding:6px 13px;color:var(--muted);border-radius:5px;font-size:13px}.category-tabs button:first-child{margin-left:-12px}.category-tabs button[aria-pressed=true]{background:var(--soft);color:var(--blue)}.category-tabs button:hover{color:var(--blue);background:var(--soft)}.post-card{padding:27px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:25px;align-items:center}.post-card-text{min-width:0}.post-category{display:inline-flex;align-items:center;min-height:30px;color:var(--green);font-size:12px;letter-spacing:.5px}a.post-category:hover{text-decoration:underline;text-underline-offset:4px}.post-card h3{font-family:var(--serif);font-size:21px;line-height:1.6;font-weight:600;margin:3px 0 9px}.post-card h3 a{display:inline}.post-card h3 svg{margin-left:7px;opacity:0;color:var(--blue);transition:opacity .2s,transform .2s}.post-card h3 a:hover,.post-card h3 a:focus-visible{color:var(--blue)}.post-card h3 a:hover svg,.post-card h3 a:focus-visible svg{opacity:1;transform:translate(2px,-2px)}.post-card p{color:var(--muted);font-size:13px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-meta{display:flex;align-items:center;gap:8px 15px;flex-wrap:wrap;font-size:12px;line-height:1.6;color:var(--muted)}.post-meta>span{display:inline-flex;align-items:center;gap:4px}.post-card .post-meta{margin-top:15px}.sample-label{font-size:11px;border:1px solid var(--line);border-radius:3px;padding:0 4px}.draft-label{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--lamp);border-radius:3px;padding:1px 6px;color:var(--ink);background:var(--lamp-soft);font-size:12px;line-height:1.5;white-space:nowrap}.draft-preview-notice{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 9px;padding:9px 20px;border-bottom:1px solid var(--line);background:var(--lamp-soft);color:var(--ink);text-align:center;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.post-cover-link{display:block;border-radius:6px;overflow:hidden}.post-cover{overflow:hidden;position:relative;width:100%;aspect-ratio:1.43;background:#c8d5d3;border-radius:5px;isolation:isolate}.post-cover svg{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s}.post-cover-link:hover svg{transform:scale(1.05)}.landscape-caption{position:absolute;right:13px;top:14px;color:#fcf4dc;writing-mode:vertical-rl;font-family:var(--serif);font-size:15px;letter-spacing:5px;text-shadow:0 1px 4px rgb(27 48 51 / 35%)}.cover-code{display:grid;place-items:center;background:#344b55;color:#b4ccd1}.cover-code-dots{position:absolute;top:12px;left:13px;display:flex;gap:5px}.cover-code-dots i{width:5px;height:5px;border-radius:50%;background:#8dabae}.cover-code-dots i:nth-child(2){background:#b6a180}.cover-code-dots i:nth-child(3){background:#789a88}.code-bracket{font-family:ui-monospace,monospace;font-size:27px;letter-spacing:5px;transform:translateY(-2px)}.cover-caption{position:absolute;left:0;right:0;bottom:14px;font-family:Georgia,serif;font-size:9px;text-align:center;font-style:italic;letter-spacing:.4px;opacity:.85}.cover-music{display:grid;place-items:center;background:#c8c2b1}.cover-record{width:60%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#33444b,#33444b 3px,#3a4d54,#3a4d54 5px);box-shadow:4px 7px 11px #1f2c342b;transform:translateY(-5px)}.cover-record>span{display:grid;place-items:center;width:36%;aspect-ratio:1;background:#c8a879;border-radius:50%;color:#3d4c50;font-family:var(--serif);font-size:14px}.cover-music .cover-caption{color:#3c4a50}.cover-window{background:#ebe5d6;display:grid;place-items:center;color:#526c72}.cover-window .window-mark{--blue: #617e86;--lamp: #b88e59;width:53px;height:64px;transform:translateY(-6px);border-radius:30px 30px 3px 3px}.cover-window .window-mark:after{top:35px}.cover-window .window-mark>span{top:15px;right:8px;width:11px;height:11px}.all-posts-link{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;margin-top:15px;font-size:13px;color:var(--blue)}.all-posts-link:hover{color:var(--lamp)}.home-sidebar{display:flex;flex-direction:column;gap:22px;padding-top:6px}.author-card{padding:29px 22px 20px;border:1px solid var(--line);border-radius:8px;background:var(--card);text-align:center}.author-avatar{display:grid;place-items:center;width:61px;height:61px;border-radius:50%;margin:0 auto 16px;background:var(--lamp-soft);color:var(--lamp)}.author-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.author-card .tiny-eyebrow{justify-content:center;font-size:10px;letter-spacing:1.8px}.author-card h3{font-family:var(--serif);font-size:18px;font-weight:500;margin-top:9px}.author-card p{color:var(--muted);font-size:13px;line-height:1.9;margin-top:12px}.author-divider{width:26px;height:1px;background:var(--line);margin:19px auto 9px}.author-card a{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--blue);font-size:12px;min-height:44px}.little-moment{background:var(--soft);border-radius:7px;padding:22px}.little-moment h3{display:flex;align-items:center;gap:8px;color:var(--blue);font-size:13px;font-weight:500}.little-moment blockquote{font-family:var(--serif);line-height:1.9;font-size:15px;margin-block:14px 10px}.little-moment a{display:flex;align-items:center;justify-content:space-between;min-height:33px;font-size:12px;color:var(--muted)}.closing-note{text-align:center;padding-block:66px 60px;color:var(--muted)}.closing-note>span{display:inline-block;color:var(--lamp);font-size:28px;margin-bottom:11px}.closing-note p{font-family:var(--serif);font-size:17px;line-height:2;letter-spacing:1px}.closing-note a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:15px;color:var(--lamp)}.page-container{padding-top:63px;padding-bottom:77px}.page-intro{margin-bottom:43px}.page-intro h1{font-family:var(--serif);font-size:clamp(28px,3.2vw,39px);line-height:1.6;font-weight:500;letter-spacing:2px;margin:14px 0 13px}.page-intro h1>span{color:var(--lamp);margin-left:4px}.page-intro>p{color:var(--muted);font-size:14px;line-height:1.9}.archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:67px}.archive-layout>section{min-width:0}.search-field{display:flex;align-items:center;gap:12px;padding:8px 14px;min-height:53px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--card)}.search-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px var(--soft)}.search-field input{width:100%;flex:1;min-height:35px;background:transparent;border:0;outline:0;font-size:14px;padding:0}.search-field input:focus-visible{outline:0}.archive-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:13px 0 10px}.archive-controls .category-tabs{margin:0}.results-count{color:var(--muted);white-space:nowrap;font-size:12px}.active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:16px}.active-filters button{display:flex;align-items:center;gap:8px;min-height:38px;padding:5px 13px;background:var(--soft);border-radius:5px;font-size:12px;color:var(--blue)}.archive-sidebar section+section{margin-top:35px}.archive-sidebar h2{font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;margin-bottom:13px}.archive-year{display:flex;justify-content:space-between;width:100%;min-height:44px;padding:10px 12px;border-radius:4px;text-align:left;color:var(--muted);font-size:13px}.archive-year.selected,.archive-year:hover{background:var(--soft);color:var(--blue)}.archive-year>span:last-child{font-size:12px}.tag-cloud{display:flex;flex-wrap:wrap;gap:3px 9px}.tag-cloud button{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-size:12px;padding:5px 9px;border:1px solid transparent;border-radius:4px}.tag-cloud button:hover,.tag-cloud button[aria-pressed=true]{color:var(--blue);background:var(--soft);border-color:var(--line)}.archive-aside-note{margin:35px 10px;font-family:var(--serif);color:var(--muted);font-size:15px;line-height:2;letter-spacing:1px}.quiet-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:185px;padding:28px 18px;gap:14px;color:var(--muted);text-align:center}.quiet-empty>svg{color:var(--lamp)}.quiet-empty h2{font-family:var(--serif);font-size:22px;font-weight:500;color:var(--ink)}.quiet-empty p{font-size:14px;line-height:1.9}.archive-empty{min-height:330px}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:31px;color:var(--muted);font-size:13px}.article-container{max-width:1100px;padding-block:33px 78px}.back-link{min-height:44px;display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.back-link:hover{color:var(--blue)}.article-header{max-width:800px;margin-block:25px 38px}.article-header h1{font-family:var(--serif);font-size:clamp(28px,3.5vw,43px);font-weight:500;line-height:1.6;letter-spacing:1px;margin-block:8px 16px;overflow-wrap:anywhere}.article-description{color:var(--muted);line-height:1.9;font-size:16px;margin-bottom:21px}.article-tools{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0;margin-top:26px}.font-tools{display:flex;align-items:center;gap:3px}.font-tools>span{font-family:Georgia,serif;color:var(--muted);font-size:16px}.font-tools .icon-button{width:36px;min-width:36px}.article-tools>.text-button{color:var(--muted)}.article-tools>.text-button:hover{color:var(--blue)}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(170px,1fr);gap:65px}.article-main{min-width:0}.no-toc .article-container{max-width:790px}.no-toc .article-layout{display:block}.article-prose{font-size:var(--reading-size);line-height:2;letter-spacing:.2px;overflow-wrap:break-word}.article-prose>*:first-child{margin-top:0}.article-prose p{margin:0 0 1.45em}.article-prose h1,.article-prose h2,.article-prose h3,.article-prose h4{font-family:var(--serif);font-weight:600;color:var(--ink);line-height:1.6;scroll-margin-top:45px}.article-prose h1{font-size:1.8em;margin:1.8em 0 .8em}.article-prose h2{font-size:1.5em;margin:1.8em 0 .8em;padding-bottom:.35em;border-bottom:1px solid var(--line)}.article-prose h3{font-size:1.2em;margin:1.65em 0 .65em}.article-prose h4{font-size:1.05em;margin:1.5em 0 .5em}.article-prose a{color:var(--blue);text-decoration:underline;text-decoration-color:var(--lamp);text-underline-offset:4px;text-decoration-thickness:1px;overflow-wrap:anywhere}.article-prose a:hover{color:var(--lamp)}.article-prose ul,.article-prose ol{margin:1em 0 1.5em;padding-left:1.6em}.article-prose li{padding-left:.2em;margin:.45em 0}.article-prose li>p{margin-bottom:.5em}.article-prose li::marker{color:var(--lamp)}.article-prose ul ul,.article-prose ol ol,.article-prose ul ol,.article-prose ol ul{margin-block:.5em}.article-prose blockquote{margin:1.6em 0;padding:.95em 1.3em;background:var(--soft);border-left:3px solid var(--lamp);color:var(--blue);border-radius:0 5px 5px 0}.article-prose blockquote p:last-child{margin-bottom:0}.article-prose hr{border:0;border-top:1px solid var(--line);margin:2.3em 0}.article-prose code{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.85em;background:var(--soft);padding:.15em .38em;border-radius:4px;overflow-wrap:anywhere}.code-block{margin:1.4em 0 1.7em;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--card)}.code-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 14px;border-bottom:1px solid var(--line);background:var(--soft);font-family:var(--sans);font-size:12px;color:var(--muted);min-height:44px}.code-toolbar button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:4px}.code-toolbar button:hover{color:var(--blue)}.article-prose pre{margin:0;padding:21px;overflow:auto;line-height:1.75;-moz-tab-size:2;tab-size:2}.article-prose pre code{font-size:13px;background:transparent;padding:0;white-space:pre;overflow-wrap:normal}.table-scroll{margin-block:1.4em 1.8em;overflow-x:auto;border:1px solid var(--line);border-radius:5px}.article-prose table{border-collapse:collapse;width:100%;min-width:380px;font-size:.88em;text-align:left}.article-prose th{background:var(--soft);font-weight:500;color:var(--blue)}.article-prose th,.article-prose td{padding:11px 15px;border-bottom:1px solid var(--line);vertical-align:top}.article-prose tr:last-child td{border-bottom:0}.article-prose .task-list-item{list-style:none;margin-left:-1.4em}.article-prose .task-list-item input{width:16px;height:16px;margin-right:10px;vertical-align:middle}.article-image{display:block;margin-block:1.7em}.article-image>button{display:block;padding:0;border-radius:5px;cursor:zoom-in;max-width:100%;margin:auto}.article-image img{max-height:700px;object-fit:contain;border-radius:5px}.image-caption{display:block;text-align:center;margin-top:10px;color:var(--muted);font-size:12px;font-family:var(--sans);line-height:1.7}.article-end-mark{color:var(--lamp);text-align:center;font-size:27px;margin:48px 0 35px}.article-end-mark span{display:block;color:var(--muted);font-family:var(--serif);font-size:15px;letter-spacing:1px;margin-top:5px}.article-tags{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:30px}.article-tags a{color:var(--muted);background:var(--soft);font-size:12px;border-radius:4px;padding:10px 13px;min-height:40px}.article-tags a:hover{color:var(--blue)}.article-neighbors{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:22px;gap:30px}.article-neighbors a>span{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin-bottom:8px}.article-neighbors strong{font-family:var(--serif);font-weight:500;font-size:17px;line-height:1.8}.article-neighbors a:last-child{text-align:right}.article-neighbors a:last-child>span{justify-content:end}.article-neighbors a:hover strong{color:var(--blue)}.toc-sticky{position:sticky;top:38px;padding-top:8px}.toc-sticky h2{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;margin-bottom:17px}.toc-sticky ol,.mobile-toc ol{padding:0;margin:0;list-style:none;border-left:1px solid var(--line)}.toc-sticky li,.mobile-toc li{margin-left:-1px;border-left:2px solid transparent}.toc-sticky a,.mobile-toc a{display:block;padding:10px 0 10px 16px;color:var(--muted);font-size:12px;line-height:1.8;min-height:40px}.toc-sticky li.active,.mobile-toc li.active{border-color:var(--lamp)}.toc-sticky li.active a,.mobile-toc li.active a,.toc-sticky a:hover,.mobile-toc a:hover{color:var(--blue)}.toc-subheading a{padding-left:27px}.toc-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:22px;padding-top:8px;font-size:12px;color:var(--muted)}.toc-footer .text-button{font-size:12px}.toc-sticky>p{font-family:var(--serif);font-size:13px;color:var(--faint);margin-top:15px}.mobile-toc{display:none}.reading-progress{position:fixed;top:0;left:0;right:0;z-index:90;height:3px;pointer-events:none}.reading-progress>span{display:block;height:100%;background:var(--lamp)}.comments-section{margin-top:40px}.comments-section .section-heading h2,.related-section .section-heading h2{font-size:21px}.comments-section .quiet-empty{margin-top:20px;border:1px dashed var(--line);border-radius:6px;min-height:145px}.comment-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 18px;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:6px;margin-top:22px}.comment-welcome>p{font-family:var(--serif);font-size:19px}.comment-welcome>span{font-size:13px;color:var(--muted)}.comment-welcome>button{margin-top:6px}.inline-notice{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:18px;background:var(--lamp-soft);border-radius:5px;font-size:13px;margin-top:20px}.inline-notice a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.giscus{margin-top:20px;min-width:0}.related-section{margin-top:48px}.focus-mode .article-container{max-width:790px}.focus-mode .article-layout{display:block}.focus-mode .article-toc,.focus-mode .related-section,.focus-mode .comments-section{display:none}.site-shell:has(.focus-mode) .site-header .main-nav,.site-shell:has(.focus-mode) .site-header .header-tools,.site-shell:has(.focus-mode) .site-footer{visibility:hidden}.notes-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:80px}.notes-empty{min-height:285px;border:1px dashed var(--line);border-radius:7px;background:var(--card);margin-block:12px}.notes-timeline{border-left:1px solid var(--line);margin-left:7px;padding-left:31px}.note-item{position:relative;padding:3px 0 34px;margin-bottom:29px;border-bottom:1px solid var(--line)}.note-item:before{content:"";position:absolute;width:8px;height:8px;left:-36px;top:13px;background:var(--paper);border:1.5px solid var(--lamp);border-radius:50%}.note-item:first-child:before{background:var(--lamp)}.note-date{display:flex;align-items:center;flex-wrap:wrap;gap:15px;font-size:12px;color:var(--muted)}.note-date>span{color:var(--green);padding:2px 8px;background:var(--soft);border-radius:4px}.note-item>p{font-family:var(--serif);font-size:19px;line-height:2;margin-top:17px;padding-right:10px;white-space:pre-line}.note-sample{display:inline-block;margin-top:17px;color:var(--muted);font-size:11px}.note-leaf{position:absolute;bottom:33px;right:0;color:var(--green)}.notes-aside{color:var(--green);padding-top:35px}.notes-aside p{font-family:var(--serif);line-height:2;font-size:18px;letter-spacing:1px;margin-block:23px 14px}.notes-aside>span{color:var(--muted);font-family:Georgia,serif;font-size:12px;font-style:italic}.about-hello{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:35px 48px 28px;border:1px solid var(--line);border-radius:9px;background:var(--card)}.about-hello h2{font-family:var(--serif);font-size:42px;line-height:1.6;font-weight:500;letter-spacing:3px;margin:12px 0 18px}.about-hello p{color:var(--muted);line-height:2;font-size:14px}.about-hello .study-scene{max-width:350px}.about-badges{display:flex;align-items:center;flex-wrap:wrap;gap:9px 15px;margin-top:20px}.about-badges>span{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:12px}.about-contacts{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.about-story{display:grid;grid-template-columns:200px minmax(0,1fr);gap:47px 45px;max-width:940px;margin:66px auto 0}.about-prose{width:100%;max-width:790px;min-width:0;margin:58px auto 0}.story-label{padding-top:5px;font-size:12px;letter-spacing:1px;color:var(--lamp)}.about-story h2{font-family:var(--serif);font-size:26px;font-weight:500;letter-spacing:1px;margin-bottom:19px}.about-story p{color:var(--muted);line-height:2;font-size:15px;margin-top:15px}.about-story blockquote{font-family:var(--serif);font-size:25px;color:var(--blue);border-left:2px solid var(--lamp);padding:7px 20px;margin-top:25px}.about-next{display:flex;gap:26px;flex-wrap:wrap;margin-top:16px}.about-next>a,.about-next>button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0;font-size:13px;color:var(--blue)}.friends-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:35px 60px}.friend-card{display:flex;gap:14px;padding:24px 20px;border:1px solid var(--line);border-radius:7px;background:var(--card);min-width:0}.friend-card:hover{border-color:var(--lamp);transform:translateY(-3px)}.friend-avatar{flex-shrink:0;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--blue);overflow:hidden}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-card>span:nth-child(2){min-width:0}.friend-card strong{font-family:var(--serif);font-size:19px;font-weight:500}.friend-card p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:8px}.friend-card small{display:block;font-size:11px;margin-top:10px;color:var(--muted);overflow-wrap:anywhere}.friend-card>svg{margin-left:auto;color:var(--muted)}.friends-empty{text-align:center;padding:49px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.empty-link{display:grid;place-items:center;width:70px;height:70px;background:var(--soft);color:var(--blue);border-radius:50%;margin:0 auto 20px}.friends-empty h2{font-family:var(--serif);font-size:27px;font-weight:500;letter-spacing:2px}.friends-empty p{color:var(--muted);line-height:2;font-size:14px;margin:16px 0 23px}.friends-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:48px}.site-card{background:var(--card);border:1px solid var(--line);border-radius:7px;padding:29px}.site-card .section-heading h2{font-size:21px}.site-card dl{margin:22px 0}.site-card dl>div{display:flex;gap:19px;margin:9px 0;font-size:13px}.site-card dt{flex-shrink:0;color:var(--muted)}.site-card dd{margin:0;overflow-wrap:anywhere}.site-card .button{font-size:12px}.friends-guidelines{padding:21px 0}.friends-guidelines h2{font-family:var(--serif);font-size:23px;font-weight:500;margin-bottom:21px}.friends-guidelines p{color:var(--muted);font-size:14px;line-height:2;margin:14px 0}.contact-reveal{border-left:2px solid var(--lamp);padding:1px 15px;margin-top:9px}.contact-reveal a{display:inline-flex;align-items:center;gap:8px;color:var(--blue);min-height:44px;font-size:13px}.contact-reveal p{font-size:13px}.not-found{min-height:70vh;text-align:center;padding-block:45px 75px}.lost-mascot{width:115px;margin:0 auto 25px}.not-found .eyebrow{justify-content:center}.not-found h1{font-family:var(--serif);font-size:38px;font-weight:500;letter-spacing:3px;line-height:1.6;margin-block:20px}.not-found p{font-size:14px;line-height:2;color:var(--muted);margin-bottom:27px}.not-found>div:last-child{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.dialog{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;width:min(620px,calc(100% - 40px));max-height:min(84dvh,850px);padding:0;box-shadow:var(--shadow);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.dialog::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog[open]{animation:dialog-in .18s ease-out}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 23px 17px;border-bottom:1px solid var(--line);background:var(--card)}.dialog-header h2{font-family:var(--serif);font-weight:500;font-size:23px;letter-spacing:1px}.dialog-header .icon-button{margin-right:-8px}.search-content{padding:22px 25px 0}.search-summary{font-size:12px;color:var(--muted);margin:20px 2px 12px}.search-results{max-height:50dvh;overflow:auto;overscroll-behavior:contain}.search-results>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 12px;border-radius:5px;border-bottom:1px solid var(--line)}.search-results>a:last-child{border-bottom:0}.search-results>a:hover,.search-results>a:focus-visible{background:var(--soft)}.search-results>a>span{min-width:0}.search-results small{color:var(--green);font-size:12px}.search-results strong{display:block;font-family:var(--serif);font-size:18px;font-weight:500;margin:4px 0}.search-results p{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}.search-results>a>svg{color:var(--muted)}.search-help{display:flex;justify-content:end;gap:18px;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding:15px 0;margin-top:14px}.search-all-results{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 15px;margin-top:9px;color:var(--blue);border-top:1px solid var(--line);font-size:13px;border-radius:0 0 5px 5px}.search-all-results:hover{color:var(--blue-hover);background:var(--soft)}.settings-content{padding:22px 27px 29px}.settings-content>p{font-size:13px;margin-bottom:25px}.settings-content legend{font-size:14px;margin-bottom:12px}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:27px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:11px;padding:19px 5px 14px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:12px}.theme-option[aria-pressed=true]{background:var(--soft);border-color:var(--blue);color:var(--blue)}.theme-option:hover{border-color:var(--blue)}.setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--line);cursor:pointer;min-height:80px}.setting-toggle strong{display:block;font-size:14px;font-weight:500}.setting-toggle small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.font-setting{border-top:1px solid var(--line);padding-top:19px}.font-setting label{display:flex;justify-content:space-between;font-size:14px}.font-setting label span{color:var(--muted);font-size:13px}.font-setting input{width:100%;margin-top:9px}.image-dialog{width:fit-content;max-width:calc(100% - 40px)}.image-dialog>img{max-height:74dvh;width:auto;object-fit:contain;margin:auto}.spin{animation:quiet-spin 1s linear infinite}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:32px 34px;border-top:1px solid var(--line);margin-top:0}.footer-brand{display:inline-flex;align-items:center;gap:10px;min-height:36px;font-family:var(--serif);font-size:19px;letter-spacing:2px}.site-footer p{font-size:12px;color:var(--muted);margin-top:6px}.footer-right{text-align:right;color:var(--muted);font-size:12px}.footer-right>div{display:flex;justify-content:end;align-items:center;gap:22px}.footer-right a{display:inline-flex;align-items:center;min-height:44px}.footer-right a:hover{color:var(--blue)}.footer-right>span{display:block;margin-top:3px;font-size:11px}.footer-dot{margin-inline:9px}.toast,.app-toast{position:fixed;z-index:120;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:13px 22px;background:var(--blue);color:var(--on-blue);border-radius:7px;box-shadow:var(--shadow);font-size:13px;text-align:center}.route-loading,.app-error{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px 24px;color:var(--muted);text-align:center}@keyframes quiet-spin{to{transform:rotate(360deg)}}@keyframes blink{0%,45%,48%,to{transform:scaleY(1)}46%,47%{transform:scaleY(.12)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1400px){.hero{padding-block:76px 70px}.hero h1{font-size:61px}.study-scene{width:460px}}@media(max-width:1100px){.container{width:calc(100% - 80px)}.site-header{gap:18px}.main-nav{gap:16px}.header-tools{gap:0;padding-left:12px}.search-launcher kbd{display:none}.hero{gap:25px;padding-block:52px}.hero h1{font-size:47px}.hero .eyebrow{font-size:10px;letter-spacing:1.5px}.home-content{gap:36px;grid-template-columns:minmax(0,1fr) 225px}.section-heading>span{display:none}.featured-post{grid-template-columns:minmax(0,1fr) 210px;gap:25px;padding:28px}.featured-post h2{font-size:25px}.post-card{gap:18px;grid-template-columns:minmax(0,1fr) 130px}.post-card h3{font-size:19px}.post-card h3 svg{display:none}.archive-layout{gap:40px;grid-template-columns:minmax(0,1fr) 190px}.article-layout{gap:40px}.about-hello{padding:28px;gap:30px}.about-story{grid-template-columns:160px minmax(0,1fr);gap:40px 30px}.friends-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friends-bottom{gap:30px}}@media(max-width:850px){.container{width:calc(100% - 48px)}.brand-title{font-size:22px}.brand-subtitle{font-size:8px;letter-spacing:1.1px}.main-nav{gap:12px}.header-tools{padding-left:8px}.header-tools .icon-button{width:38px;min-width:38px}.settings-launcher{display:none}.hero{gap:20px;padding-block:41px 46px}.hero h1{font-size:39px;letter-spacing:3px}.hero-description{font-size:13px}.hero-actions{gap:7px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero .eyebrow>span{width:16px}.hero-quiet-note{font-size:11px;gap:5px}.mascot-bubble{padding:7px 10px;font-size:11px}.scene-caption{font-size:9px;letter-spacing:1.5px}.featured-post{gap:23px;padding:24px;grid-template-columns:minmax(0,1fr) 175px}.featured-post h2{font-size:24px}.featured-cover{height:140px}.home-content{grid-template-columns:minmax(0,1fr) 200px;gap:28px}.post-card{grid-template-columns:minmax(0,1fr) 105px;gap:15px}.post-card .post-cover{aspect-ratio:1.1}.post-card .post-meta{gap:8px 10px}.author-card{padding:25px 15px 16px}.little-moment{padding:20px 17px}.archive-layout{grid-template-columns:minmax(0,1fr) 170px;gap:30px}.archive-controls{flex-wrap:wrap;gap:0}.results-count{margin:5px 0 5px auto}.article-layout{display:block}.article-toc{display:none}.article-container{max-width:730px}.mobile-toc{display:block;background:var(--card);border:1px solid var(--line);border-radius:5px;padding:0 17px;margin-bottom:30px}.mobile-toc summary{display:flex;gap:9px;align-items:center;min-height:53px;cursor:pointer;color:var(--blue);font-size:13px;list-style:none}.mobile-toc summary:after{content:"+";margin-left:auto;font-size:20px;font-weight:300}.mobile-toc[open] summary:after{content:"−"}.mobile-toc summary::-webkit-details-marker{display:none}.mobile-toc nav{padding-bottom:17px}.notes-layout{grid-template-columns:minmax(0,1fr) 190px;gap:45px}.about-hello h2{font-size:35px}.about-hello{padding:25px;gap:20px}.about-hello .study-scene{margin-bottom:30px}.about-story{grid-template-columns:130px minmax(0,1fr);gap:37px 25px}.friends-bottom{grid-template-columns:1fr;gap:18px}.friends-guidelines{max-width:600px}}@media(max-width:680px){.container{width:calc(100% - 40px)}.site-header{height:84px;gap:8px}.brand{gap:9px}.brand-title{font-size:22px;letter-spacing:3px}.brand-subtitle{font-size:7px;letter-spacing:.95px}.brand>.window-mark{width:30px;height:37px;flex-basis:30px}.brand>.window-mark:after{top:20px}.brand>.window-mark>span{width:6px;height:6px;right:4px;top:9px}.header-tools{margin-left:auto;border:0;padding-left:0;gap:0}.header-tools .icon-button{width:38px;min-width:38px;padding:8px}.header-tools .settings-launcher{display:inline-flex}.header-tools>.icon-button:nth-child(2){display:none}.menu-toggle{display:inline-flex}.main-nav{display:none;position:absolute;left:-20px;right:-20px;top:83px;margin:0;padding:15px 20px 20px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 14px 20px #1e2d370d;gap:3px}.main-nav.mobile-open{display:flex}.main-nav>a{text-align:center;flex:1;padding:12px 3px}.main-nav>a.active:after{bottom:5px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:42px;padding-bottom:31px;gap:10px}.hero-copy{padding:0 4px}.hero .eyebrow{font-size:10px;letter-spacing:1.6px}.hero h1{font-size:43px;line-height:1.6;margin:17px 0 18px;letter-spacing:4px}.hero-description{font-size:14px;line-height:2.05}.hero-actions{margin-top:25px;gap:14px}.hero-quiet-note{font-size:12px;margin-top:15px}.study-scene{max-width:355px;width:100%;align-self:center;margin-block:10px 6px}.mascot-bubble{font-size:12px;padding:9px 13px}.scene-caption{font-size:9px;letter-spacing:2px}.featured-post{grid-template-columns:minmax(0,1fr) 125px;gap:19px;padding:23px}.featured-post h2{font-size:22px;line-height:1.7;margin-block:8px}.featured-post h2 svg{display:none}.featured-post p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-cover{height:auto;aspect-ratio:1}.featured-post .post-meta{margin-top:15px;gap:7px 12px}.feature-read{display:none!important}.home-content{display:block;padding-top:40px}.section-heading h2{font-size:23px}.category-tabs{margin-top:15px;gap:4px}.category-tabs button{font-size:13px;padding-inline:13px}.post-card{grid-template-columns:minmax(0,1fr) 130px;gap:20px;padding-block:24px}.post-card h3{font-size:20px;margin-top:3px}.post-card p{font-size:13px}.post-card .post-cover{aspect-ratio:1.16}.home-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px;padding-top:31px;margin-top:5px;border-top:1px solid var(--line)}.little-moment{padding:20px 17px}.little-moment blockquote{font-size:14px}.closing-note{padding-block:43px}.closing-note p{font-size:16px}.page-container{padding-top:39px;padding-bottom:52px}.page-intro{margin-bottom:30px}.page-intro h1{font-size:29px;letter-spacing:1px;margin-block:13px}.page-intro .eyebrow{font-size:10px;letter-spacing:1.6px}.page-intro p{font-size:13px}.archive-layout{display:flex;flex-direction:column;gap:35px}.archive-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:25px;border-top:1px solid var(--line)}.archive-sidebar section+section{margin:0}.archive-aside-note{display:none}.archive-controls{flex-wrap:nowrap}.archive-controls .category-tabs{gap:0}.archive-controls .category-tabs button{padding-inline:10px}.archive-controls .category-tabs button:first-child{margin-left:-10px}.results-count{margin:0}.article-container{padding-top:24px;padding-bottom:54px}.article-header{margin-top:19px;margin-bottom:27px}.article-header h1{font-size:30px;line-height:1.65;margin-block:8px 14px}.article-description{font-size:14px}.article-header .post-meta{gap:9px 13px}.article-tools{gap:14px;padding-block:7px;margin-top:20px}.article-tools .text-button{font-size:12px;gap:6px}.font-tools{gap:0}.font-tools .icon-button{width:30px;min-width:30px}.article-prose{line-height:1.95}.article-prose h2{font-size:1.35em}.article-prose h3{font-size:1.15em}.article-prose blockquote{padding:.85em 1em}.article-prose pre{padding:16px}.article-neighbors{gap:20px}.article-neighbors strong{font-size:16px}.article-end-mark{margin-top:34px}.comments-section .section-heading{flex-wrap:wrap;gap:7px}.comments-section .section-heading>span{display:block;font-size:11px}.related-section .post-card{grid-template-columns:minmax(0,1fr) 110px;gap:17px}.related-section .post-card h3{font-size:18px}.notes-layout{display:block}.notes-timeline{padding-left:25px}.note-item:before{left:-30px}.note-item{margin-bottom:24px;padding-bottom:27px}.note-item>p{font-size:18px}.notes-aside{text-align:center;padding-top:10px}.notes-aside>svg{width:30px;height:30px}.notes-aside p{font-size:16px;margin-top:10px}.about-hello{display:flex;flex-direction:column;padding:24px;gap:5px;align-items:stretch}.about-hello h2{font-size:35px;margin-block:9px 15px}.about-hello .study-scene{width:min(100%,310px);margin-block:17px 0}.about-story{display:block;margin-top:37px}.about-prose{margin-top:36px}.story-label{margin-top:35px;margin-bottom:13px}.about-story h2{font-size:23px;margin-bottom:14px}.about-story p{font-size:14px}.about-story blockquote{font-size:22px}.about-next{gap:20px}.friends-grid{gap:15px;margin-block:25px 35px}.friend-card{padding:20px 15px;gap:12px;flex-wrap:wrap}.friend-card>span:nth-child(2){flex:1 1 calc(100% - 60px)}.friend-card>svg{display:none}.friend-card strong{font-size:18px}.friend-avatar{width:40px;height:40px}.friend-card p{font-size:12px}.friends-empty{padding:34px 15px}.friends-empty h2{font-size:24px}.friends-empty p{font-size:13px}.friends-bottom{margin-top:32px}.site-card{padding:23px}.site-card .section-heading h2{font-size:20px}.not-found h1{font-size:30px}.not-found .eyebrow{font-size:10px;letter-spacing:1.4px}.dialog{width:calc(100% - 24px);max-height:88dvh;border-radius:10px}.dialog-header{padding:14px 19px}.dialog-header h2{font-size:21px}.search-content{padding:18px 18px 0}.search-field{padding-inline:12px;gap:9px}.search-field input{font-size:13px}.search-content .search-field kbd{display:none}.search-results>a{padding-inline:7px;gap:10px}.search-results strong{font-size:17px}.settings-content{padding:19px 20px 23px}.image-dialog{max-width:calc(100% - 20px)}.site-footer{padding-block:25px 28px;align-items:flex-start;gap:22px}.footer-right>div{gap:14px}.footer-brand{font-size:17px;gap:8px}.footer-right>span{font-size:10px;line-height:1.8;max-width:220px}.footer-dot{margin-inline:6px}.site-footer p{font-size:11px}}@media(max-width:420px){.container{width:calc(100% - 32px)}.main-nav{left:-16px;right:-16px;padding-inline:16px}.hero{padding-top:34px}.hero-copy{padding:0}.hero h1{font-size:39px}.hero .eyebrow{font-size:9px;letter-spacing:1.35px;gap:8px}.hero .eyebrow>span{width:18px}.hero-description{font-size:13px}.hero-quiet-note{font-size:11px}.featured-post{padding:19px;grid-template-columns:minmax(0,1fr) 88px;gap:13px}.featured-post h2{font-size:21px}.featured-cover{aspect-ratio:.85}.featured-post .post-meta{font-size:11px;gap:5px 9px}.post-card{grid-template-columns:minmax(0,1fr) 100px;gap:15px}.post-card .post-cover{aspect-ratio:.94}.post-card h3{font-size:18px;line-height:1.65}.post-card p{font-size:12px}.post-meta{font-size:11px}.post-card .sample-label{display:none}.home-sidebar{gap:14px}.author-card{padding:23px 11px 15px}.author-card h3{font-size:16px}.author-card p{font-size:12px}.author-card .tiny-eyebrow{font-size:8px}.little-moment{padding:19px 14px}.little-moment blockquote{font-size:13px}.archive-controls{flex-wrap:wrap}.results-count{margin-left:auto;padding-block:5px}.archive-sidebar{gap:17px}.archive-sidebar h2{font-size:13px}.page-intro h1,.article-header h1{font-size:27px}.article-tools{gap:8px}.article-tools>.text-button{font-size:11px}.article-tools .font-tools{margin-left:-5px}.article-neighbors{gap:16px}.article-neighbors strong{font-size:15px}.related-section .post-card{grid-template-columns:minmax(0,1fr) 92px;gap:13px}.related-section .post-card h3{font-size:17px}.about-hello{padding:21px}.about-hello h2{font-size:32px}.about-next{gap:14px}.about-next>a,.about-next>button{font-size:12px;gap:7px}.friends-grid{grid-template-columns:1fr}.friend-card{padding:21px}.friend-card>svg{display:block}.friend-card>span:nth-child(2){flex-basis:auto}.site-card{padding:20px}.site-card .section-heading h2{font-size:19px}.site-card dl>div{font-size:12px;gap:13px}.theme-options{gap:7px}.theme-option{font-size:11px}.settings-content{padding-inline:17px}.setting-toggle small{font-size:11px}.site-footer{flex-direction:column;gap:15px}.footer-right{text-align:left}.footer-right>div{justify-content:flex-start;gap:21px}.footer-right>span{max-width:none}}@media(max-width:350px){.about-hello h2{font-size:27px}.brand-title{font-size:20px;letter-spacing:2px}.brand-subtitle{font-size:6px;letter-spacing:.8px}.header-tools .icon-button{width:34px;min-width:34px}.hero h1{font-size:36px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.hero-quiet-note{font-size:10px}.featured-post{display:block;padding:20px}.featured-cover{display:none}.featured-post p{font-size:12px}.post-card{grid-template-columns:minmax(0,1fr) 84px;gap:12px}.post-card h3{font-size:17px}.post-card .post-cover{aspect-ratio:.8}.post-card .post-meta{gap:5px 8px;font-size:10px}.home-sidebar{display:flex;flex-direction:column}.home-sidebar>section{width:100%}.author-card{padding-inline:22px}.author-card .tiny-eyebrow{font-size:10px}.author-card h3{font-size:18px}.little-moment{padding:22px}.little-moment blockquote{font-size:15px}.article-tools{gap:3px}.article-tools>.text-button{gap:4px}.article-header h1,.page-intro h1{font-size:25px}}.sample-label,.note-sample,.friend-card small,.footer-right>span,.site-footer p,.search-help,.setting-toggle small,.theme-option,.post-meta,.featured-post .post-meta,.post-card .post-meta,.hero-quiet-note,.article-tools>.text-button,.comments-section .section-heading>span{font-size:12px}.icon-button,.header-tools .icon-button,.font-tools .icon-button{min-width:44px;width:44px;min-height:44px}.post-category,.article-tags a,.active-filters button,.little-moment a{min-height:44px}.comment-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}.comment-actions>a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--blue)}.comment-error{margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:6px;background:var(--card)}.comment-error>p{color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:10px}@media(max-width:850px)and (min-width:681px){.main-nav{gap:10px}.site-header{gap:12px}.brand-subtitle{letter-spacing:.7px}}@media(max-width:680px){.header-tools .icon-button{padding:10px}}@media(max-width:420px){.brand-subtitle{letter-spacing:.6px;font-size:7px}.brand{gap:8px}.hero-quiet-note{letter-spacing:-.25px}.article-tools{justify-content:space-between;gap:0}.font-tools .icon-button{min-width:44px;width:44px}.article-tools>.text-button{font-size:12px}.setting-toggle small{line-height:1.8}}@media(max-width:350px){.brand-subtitle{display:none}.brand-title{font-size:20px;letter-spacing:2px}.brand>.window-mark{width:27px;flex-basis:27px}.article-tools{flex-wrap:wrap;gap:0 14px;justify-content:flex-start}.font-tools .icon-button{width:44px;min-width:44px}.hero-quiet-note{font-size:12px}}html[data-motion=reduce]{scroll-behavior:auto}html[data-motion=reduce] *,html[data-motion=reduce] *:before,html[data-motion=reduce] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{:root,html[data-theme=dark]{color-scheme:light;--paper: #fff;--card: #fff;--ink: #111;--muted: #555;--blue: #222;--line: #ccc;--soft: #f3f3f3;--lamp: #777}body,.site-shell{padding:0;background:#fff}.site-header,.site-footer,.article-tools,.article-toc,.mobile-toc,.reading-progress,.back-link,.comments-section,.related-section,.article-neighbors,.toast,.app-toast,dialog{display:none!important}.container,.article-container{width:100%;max-width:none;padding:0}.article-layout{display:block}.article-header{margin-top:0}.article-prose{font-size:11pt}.article-prose pre{white-space:pre-wrap}.article-prose a{color:#222}.article-prose h2,.article-prose h3{break-after:avoid}.article-prose img,.code-block,blockquote{break-inside:avoid}}