:root{--ink:#1d1d1f;--muted:#6e6e73;--blue:#0071e3;--line:#d2d2d7;--paper:#f5f5f7;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #2997ff;outline-offset:5px}img{max-width:100%;display:block}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}button{border:0}.skip{position:fixed;top:-80px;left:20px;background:white;color:black;padding:12px;z-index:200}.skip:focus{top:10px}.nav{position:sticky;top:0;z-index:50;background:#18181beF;backdrop-filter:blur(22px);color:#e8e8ed;height:52px}.nav-inner{width:min(1120px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:18px;font-weight:750;letter-spacing:-.08em}.nav-links{display:flex;gap:42px;font-size:12px;align-items:center;color:#d2d2d7}.nav a:hover{color:white}.nav-actions{display:flex;gap:18px;align-items:center}.icon-button{padding:5px;background:transparent;color:inherit;display:grid;place-items:center}.menu-button{display:none}.hero{background:#000;color:#f5f5f7;text-align:center;overflow:hidden;padding:72px 24px 0;position:relative}.eyebrow{font-size:13px;font-weight:550;letter-spacing:.1em;color:#86868b}.hero .eyebrow{color:#a1a1a6}.hero h1{font-size:clamp(45px,5.7vw,78px);line-height:1.12;letter-spacing:-.055em;margin:20px auto 19px;max-width:1050px;font-weight:700}.gradient{background:linear-gradient(100deg,#d0ecff,#79bcff 32%,#4385ff 65%,#c08af7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:clamp(18px,2vw,25px);color:#a1a1a6;margin:0 0 27px;font-weight:450;letter-spacing:-.02em}.actions{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.button{border-radius:100px;padding:12px 24px;background:var(--blue);color:#fff;display:inline-block;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#0077ed;transform:translateY(-1px)}.button.outline{border:1px solid #2997ff;background:transparent;color:#2997ff}.button.outline:hover{background:#0071e3;color:white}.hero-art{position:relative;width:min(1080px,100%);height:410px;margin:32px auto 0;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:15% 8% -10%;background:radial-gradient(ellipse,#164d9d8c,transparent 67%);filter:blur(45px);z-index:-1}.hero-word{position:absolute;inset:0 0 auto;font-size:clamp(130px,24vw,300px);font-weight:800;letter-spacing:-.09em;line-height:1;background:linear-gradient(180deg,#e2f1ff 0%,#8ac5ff 27%,#3479df 58%,#0b203f 96%);background-clip:text;-webkit-background-clip:text;color:transparent;opacity:.88;text-shadow:0 0 100px #1269d026;user-select:none}.terminal{position:absolute;left:50%;top:92px;transform:translateX(-50%) perspective(1400px) rotateX(7deg);width:min(690px,91%);border-radius:17px 17px 0 0;background:linear-gradient(135deg,#152033f5,#080e18f5);border:1px solid #87b8ff55;box-shadow:0 0 0 7px #426b9a0d,0 32px 90px #000,0 0 60px #3d82e624;text-align:left;overflow:hidden}.terminal-bar{height:44px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;padding:0 18px;gap:7px}.dot{width:8px;height:8px;border-radius:50%;background:#3c4d65}.dot:first-child{background:#ef6a65}.dot:nth-child(2){background:#e8bc52}.dot:nth-child(3){background:#67bc76}.terminal-name{font-size:10px;letter-spacing:.08em;color:#8291a7;margin-left:auto}.terminal-body{padding:24px 30px 34px;position:relative}.terminal-label{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#77b4fb;letter-spacing:.12em}.terminal-body h2{font-size:30px;letter-spacing:-.03em;margin:13px 0 10px;color:#f1f5fc}.terminal-body p{color:#91a1b9;font-size:13px;max-width:440px;line-height:1.8}.terminal-tags{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.terminal-tags span{font:10px ui-monospace,monospace;color:#91bcf1;border:1px solid #294262;border-radius:6px;padding:5px 9px}.hero-art:after{content:'';position:absolute;left:-24px;right:-24px;bottom:-2px;height:65px;background:linear-gradient(transparent,#000);pointer-events:none}.content{background:var(--paper);padding:90px 0 96px}.container{width:min(1120px,calc(100% - 64px));margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:40px}.section-head h2,.section-title{font-size:clamp(32px,4vw,49px);letter-spacing:-.055em;line-height:1.15;margin:0;font-weight:700}.section-head p{margin:0 0 6px;color:var(--muted);font-size:15px}.blue-link{color:var(--blue);font-size:14px;white-space:nowrap}.blue-link:hover{text-decoration:underline}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post-card{border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:0 6px 30px #00000004;transition:transform .35s,box-shadow .35s;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px #0000000b}.cover{height:250px;overflow:hidden;display:block;background:#d6d6d2}.cover img{width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .6s}.post-card:hover .cover img{transform:scale(1.045)}.cover.gray img,.cover.black img{object-fit:contain;object-position:center}.cover.gray{background:#bfc0b9}.cover.black{background:black}.card-content{padding:25px 25px 26px;display:flex;flex-direction:column;flex:1}.card-meta{color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:10px;margin-bottom:13px}.card-title{font-size:24px;letter-spacing:-.035em;line-height:1.25;margin:0 0 12px;color:var(--ink)}.card-deck{font-size:14px;font-weight:600;margin:0 0 11px}.card-excerpt{font-size:13px;color:var(--muted);line-height:1.85;margin:0 0 25px;flex:1}.card-foot{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.card-foot a{color:var(--blue);font-size:13px}.arrow-circle{display:inline-grid;place-items:center;background:#f0f0f3;width:26px;height:26px;border-radius:50%;color:var(--ink);margin-left:6px}.about{background:#fff;padding:100px 0}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.about .eyebrow{margin-bottom:18px}.about h2{font-size:clamp(36px,4.2vw,55px);line-height:1.2;letter-spacing:-.055em;margin:0}.about-copy{font-size:22px;color:#86868b;line-height:1.8;margin:0;letter-spacing:-.025em}.about-copy strong{color:var(--ink);font-weight:600}.about-note{color:var(--muted);font-size:13px;line-height:1.8;margin-top:22px}.topic-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.topic-list a{border:1px solid #d2d2d7;border-radius:40px;font-size:12px;padding:9px 16px}.topic-list a:hover{color:var(--blue);border-color:var(--blue)}.footer{background:var(--paper);padding:30px 0;color:var(--muted);font-size:11px}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-links{display:flex;gap:23px}.footer a:hover{text-decoration:underline}.reveal{opacity:1;transform:none}.motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.motion .reveal.visible{opacity:1;transform:none}.search-panel{background:#fff;border-bottom:1px solid #ddd;position:fixed;top:52px;left:0;right:0;z-index:60;box-shadow:0 20px 50px #0002;padding:28px max(24px,calc((100vw - 900px)/2));color:var(--ink)}[hidden]{display:none!important}.search-row{display:flex;gap:12px;align-items:center}.search-input{border:0;background:#f5f5f7;border-radius:12px;padding:14px 17px;min-width:0;width:100%;font-size:20px}.search-close{background:none;color:var(--muted);padding:10px;font-size:24px}.search-results{padding:5px 0;list-style:none;margin:16px 0 0;max-height:50vh;overflow:auto}.search-results a{display:block;padding:12px 6px;border-bottom:1px solid #eee;font-size:15px}.search-results small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.search-empty{color:var(--muted);font-size:14px;padding:12px 0}.page-top{padding:82px 0 60px;background:#000;color:#fff}.page-top h1{font-size:clamp(38px,5vw,65px);letter-spacing:-.045em;margin:12px 0}.page-top p{color:#a1a1a6;font-size:18px;max-width:680px}.archive-list{background:#fff;border-radius:24px;padding:12px 32px}.archive-row{display:grid;grid-template-columns:110px 1fr 24px;align-items:center;gap:25px;padding:28px 0;border-bottom:1px solid #e5e5e7}.archive-row:last-child{border:0}.archive-date{font-size:12px;color:var(--muted)}.archive-title{font-size:21px;font-weight:600;letter-spacing:-.025em}.archive-desc{font-size:13px;color:var(--muted);margin-top:7px}.archive-row:hover .archive-title{color:var(--blue)}.year-label{font-size:24px;font-weight:650;margin:0 0 24px}.article-page{background:#fff}.article-layout{width:min(1120px,calc(100% - 64px));margin:55px auto 90px;display:grid;grid-template-columns:minmax(0,800px) 230px;gap:60px}.prose{font-size:16px;line-height:1.95;overflow-wrap:anywhere;min-width:0}.prose> :first-child{margin-top:0}.prose h1{font-size:31px}.prose h2{font-size:26px;margin-top:50px;line-height:1.4;letter-spacing:-.025em}.prose h3{font-size:21px;margin-top:35px;line-height:1.5}.prose p{margin:20px 0}.prose a{color:var(--blue)}.prose .headerlink{display:none}.prose img{height:auto;margin:26px auto;border-radius:12px;max-height:850px;object-fit:contain}.prose table{border-collapse:collapse;width:100%;font-size:13px;margin:23px 0;display:block;overflow:auto}.prose th,.prose td{border:1px solid #ddd;padding:10px 13px;vertical-align:top;min-width:90px}.prose th{background:#f5f5f7}.prose pre{font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto;background:#15151a;color:#e8e8ed;padding:20px;border-radius:12px}.prose code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em;background:#f2f2f5;padding:3px 6px;border-radius:4px}.prose pre code{background:transparent;padding:0}.prose .highlight{margin:22px 0;border-radius:12px;background:#15151a;color:#e8e8ed;overflow:auto}.prose .highlight table{margin:0;width:100%;display:table}.prose .highlight td{border:0;padding:0;min-width:0}.prose .highlight .gutter{display:none}.prose .highlight pre{margin:0;background:transparent;border-radius:0;white-space:pre}.prose blockquote{border-left:3px solid #0071e3;padding:5px 22px;margin-left:0;color:var(--muted);background:#f5f5f7}.toc{position:sticky;top:85px;align-self:start;max-height:80vh;overflow:auto;border-left:1px solid #dedee3;padding-left:23px}.toc h2{font-size:12px;color:var(--muted);font-weight:500;margin:0 0 17px}.toc a{display:block;color:#777;font-size:12px;line-height:1.7;padding:5px 0}.toc a:hover{color:var(--blue)}.article-nav{border-top:1px solid var(--line);margin-top:50px;padding-top:25px;display:flex;justify-content:space-between;font-size:14px;color:var(--blue)}.backtop{position:fixed;right:22px;bottom:22px;background:#e8e8edee;backdrop-filter:blur(10px);border-radius:50%;width:40px;height:40px;color:#505055;z-index:20;display:grid;place-items:center}.sub-meta{font-size:12px;color:#a1a1a6;margin-top:22px;display:flex;gap:20px;flex-wrap:wrap}@media(min-width:1450px){.hero{padding-top:85px}.hero-art{height:450px}.hero-word{font-size:310px}.terminal{top:110px}}@media(max-width:950px){.container{width:calc(100% - 48px)}.card-grid{gap:16px}.cover{height:210px}.card-content{padding:22px 20px}.card-title{font-size:22px}.about-grid{gap:45px}.article-layout{grid-template-columns:1fr;width:min(760px,calc(100% - 48px))}.toc{display:none}}@media(max-width:700px){html{scroll-padding-top:68px}.nav-inner{width:calc(100% - 36px)}.nav-links{gap:23px}.nav-actions{gap:12px}.menu-button{display:grid}.nav-links{display:none}.nav-links.open{display:flex;position:absolute;top:52px;left:0;right:0;background:#18181bf7;padding:25px;flex-direction:column;align-items:flex-start;gap:23px;font-size:19px;border-bottom:1px solid #444}.hero{padding:55px 18px 0}.hero h1{font-size:45px;max-width:500px;letter-spacing:-.06em}.hero-sub{font-size:18px;margin-bottom:24px}.hero .eyebrow{font-size:11px}.button{font-size:13px;padding:11px 19px}.hero-art{height:340px;margin-top:37px}.hero-word{font-size:clamp(150px,34vw,240px);top:8px}.terminal{top:81px;width:96%}.terminal-body{padding:21px 22px 30px}.terminal-body h2{font-size:25px}.terminal-body p{font-size:12px}.terminal-tags{margin-top:15px;gap:6px}.terminal-tags span{font-size:9px}.terminal-name{font-size:8px}.container{width:calc(100% - 40px)}.content{padding:57px 0 60px}.section-head{align-items:flex-start;margin-bottom:27px}.section-head h2{font-size:34px}.section-head p{font-size:12px;margin-top:13px}.section-head>.blue-link{font-size:12px;margin-top:8px}.card-grid{grid-template-columns:1fr;gap:24px}.cover{height:255px}.card-content{padding:25px 25px 27px}.card-title{font-size:27px}.card-deck{font-size:15px}.card-excerpt{font-size:14px}.card-meta{font-size:12px}.post-card{border-radius:24px}.about{padding:62px 0}.about-grid{grid-template-columns:1fr;gap:30px}.about h2{font-size:38px}.about-copy{font-size:20px}.footer-inner{align-items:flex-start;flex-direction:column;gap:13px}.page-top{padding:52px 0 38px}.page-top h1{font-size:39px}.page-top p{font-size:16px}.archive-list{padding:8px 22px}.archive-row{grid-template-columns:1fr 20px;gap:5px;padding:25px 0}.archive-date{grid-column:1}.archive-row>div:nth-child(2){grid-column:1}.archive-row>span:last-child{grid-column:2;grid-row:1/3}.archive-title{font-size:21px}.article-layout{width:calc(100% - 40px);margin-top:36px}.prose{font-size:15px}.prose h2{font-size:24px}.prose h3{font-size:20px}.sub-meta{gap:14px;font-size:11px}.backtop{right:12px;bottom:14px;width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}.post-card:hover,.post-card:hover .cover img{transform:none}}
/* The source has a large black margin; enlarge the cover while keeping its red mark visible. */
.cover.black img{object-fit:cover;transform:scale(1.4)}.post-card:hover .cover.black img{transform:scale(1.45)}
@media(prefers-reduced-motion:reduce){.post-card:hover .cover.black img{transform:scale(1.4)}}
/* PHOTO EDITION — scroll-driven presentation and editorial reading layout */
:root{--ink:#eeeef1;--muted:#9c9da5;--blue:#ff696c;--line:#ffffff15;--paper:#202126;--accent:#ff696c;--panel:#27292eeF;--card:#282a30ed;--radius:20px;color-scheme:dark}html{scroll-padding-top:90px}body{background:#15161a;color:var(--ink)}::selection{background:#ff696c60;color:white}.scene-background{position:fixed;inset:0;overflow:hidden;z-index:-2;background:#17171b;pointer-events:none}.scene-background img{width:100%;height:100%;object-fit:cover;object-position:50% 70%;transform:scale(var(--bg-scale,1.04));filter:brightness(var(--bg-brightness,.8)) blur(var(--bg-blur,0px));will-change:transform;transition:none}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0c10d9 0%,#12131860 55%,#10111538),linear-gradient(180deg,#12131825 35%,#18191de8 100%);opacity:var(--bg-shade,.75)}body:not(.home-page) .scene-background img{filter:brightness(.3) blur(3px);transform:scale(1.08)}.nav{height:64px;background:#1c1d21e8;border-bottom:1px solid #ffffff0c;backdrop-filter:blur(20px)}.nav-inner{width:min(1280px,calc(100% - 64px))}.wordmark{font-size:24px;color:#fff!important;letter-spacing:-.08em}.wordmark::after{content:'';display:inline-block;background:var(--accent);width:5px;height:5px;margin:0 0 2px 3px;border-radius:50%}.nav-links{font-size:13px;gap:42px;letter-spacing:.03em;color:#cacbd0}.nav-links a:hover{color:var(--accent)}.icon-button{color:#d2d3d8}.page-progress{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent}.page-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--page-progress,0));transform-origin:left;box-shadow:0 0 10px #ff696c70}.container{width:min(1280px,calc(100% - 64px))}.scroll-story{position:relative;height:235vh;height:235svh}.story-stage{height:calc(100vh - 64px);height:calc(100svh - 64px);position:sticky;top:64px;overflow:hidden}.stage-inner{width:min(1280px,calc(100% - 64px));height:100%;position:relative;margin:auto}.story-phase{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-bottom:105px;pointer-events:none;transform-origin:15% 50%;will-change:transform,opacity}.story-phase a{pointer-events:auto}.hero-kicker{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;color:#d4d4d8;margin:0 0 23px}.story-phase h1,.story-phase h2{font-size:clamp(48px,5.5vw,82px);font-weight:650;line-height:1.16;letter-spacing:-.065em;margin:0;max-width:1000px;color:#fff;text-wrap:balance;text-shadow:0 2px 30px #0003}.story-phase h1 span{color:#f2f2f4}.story-phase h2 span{color:var(--accent)}.hero-description{font-size:16px;line-height:1.8;color:#cbcbd1;margin:25px 0 28px;max-width:500px}.story-phase .actions{justify-content:flex-start;gap:14px}.button{background:var(--accent);border:1px solid var(--accent);color:#1b1c20;font-size:14px;padding:12px 23px;box-shadow:0 3px 20px #ff696c18}.button:hover{background:#ff8587;color:#151519}.button.outline{color:#eeeef1;border-color:#ffffff55;background:#14151c25;backdrop-filter:blur(8px)}.button.outline:hover{background:#ffffff15;border-color:#fff;color:#fff}.text-link{font-size:13px;color:var(--accent);display:inline-block}.text-link:hover{color:#ff9698}.phase-two,.phase-three{display:none}.story-enabled .phase-two,.story-enabled .phase-three{display:flex;opacity:0}.story-bottom{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:min(1280px,calc(100% - 64px));display:flex;justify-content:space-between;align-items:center;gap:25px;color:#cbcbd1;font-size:11px;letter-spacing:.06em}.scroll-cue{display:flex;align-items:center;gap:14px}.mouse-line{display:block;width:1px;height:30px;background:linear-gradient(#ff696c,#ff696c10)}.chapter-nav{display:flex;gap:22px}.chapter-nav button{background:transparent;color:#a3a3ab;font-size:11px;padding:10px 0;transition:color .25s}.chapter-nav button span{font:10px ui-monospace,monospace;margin-right:8px;color:#777984}.chapter-nav button.active,.chapter-nav button.active span{color:#ff797c}.story-track{position:absolute;bottom:0;left:0;right:0;height:1px;background:#ffffff13}.story-track span{display:block;width:100%;height:100%;background:#ff696c88;transform:scaleX(var(--story-progress,0));transform-origin:left}.journal-section{position:relative;padding:54px 0 85px;background:linear-gradient(180deg,#17181b00,#17181b88 140px,#17181bc7)}.journal-layout{display:grid;grid-template-columns:275px minmax(0,1fr);gap:30px;align-items:start}.profile-column{position:sticky;top:94px}.profile-panel{background:#26282deb;backdrop-filter:blur(22px);border:1px solid #ffffff0d;border-radius:20px;padding:35px 25px 23px;text-align:center;box-shadow:0 15px 45px #00000012}.avatar{display:grid;place-content:center;position:relative;isolation:isolate;margin:0 auto 22px;width:90px;height:90px;background:#202227;border:1px solid #ff696c45;border-radius:50%;font-size:64px;font-weight:650;line-height:1;letter-spacing:-.07em;color:#fff;box-shadow:0 0 0 5px #ff696c07,0 0 35px #ff696c10}.avatar span{display:inline;color:#ff696c;position:absolute;right:17px;bottom:22px;font-size:26px;line-height:0}.profile-panel h2{color:var(--accent);font-size:22px;margin:0 0 7px;letter-spacing:-.025em}.profile-sub{font-size:11px;color:var(--muted);margin:0}.profile-counts{display:grid;grid-template-columns:1fr 1fr;margin:29px 0 31px}.profile-counts>a,.profile-counts>div{display:flex;flex-direction:column;gap:5px}.profile-counts>a{border-right:1px solid #ffffff14}.profile-counts strong{font-size:24px;font-weight:500;color:#ebebef}.profile-counts span{font-size:10px;color:#9698a3}.side-nav{display:flex;flex-direction:column;gap:10px;text-align:left}.side-nav a{display:flex;align-items:center;gap:11px;color:#c2c3cb;border:1px solid #ffffff10;border-radius:9px;padding:12px;font-size:12px;transition:background .25s,border-color .25s}.side-nav a>span{font-size:17px;color:#ff797c;width:20px;text-align:center}.side-nav a i{margin-left:auto;font-size:9px;font-style:normal;color:#777a85}.side-nav a:hover,.side-nav a.selected{background:#ff696c14;border-color:#ff696c70;color:#ff9294}.profile-bottom{border-top:1px solid #ffffff0d;padding-top:23px;margin-top:28px;font-size:10px;color:#92949f;text-align:left;display:flex;align-items:center;gap:9px}.live-dot{width:5px;height:5px;border-radius:50%;background:#ff797c;box-shadow:0 0 8px #ff696c60}.feed-column{min-width:0}.feed-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 22px;padding:4px 0}.section-eyebrow{font:9px ui-monospace,monospace;letter-spacing:.17em;color:#ff8588}.feed-header h2{font-size:30px;letter-spacing:-.045em;margin:11px 0 0;font-weight:600}.feed-header .text-link{font-size:11px;margin-bottom:4px;white-space:nowrap}.filter-row{display:flex;gap:10px;align-items:center;margin-bottom:26px}.filter{border:1px solid #ffffff13;border-radius:30px;background:#24262bc9;color:#acaeb9;font-size:11px;padding:7px 15px;transition:background .2s}.filter span{font:9px ui-monospace,monospace;color:#777b88;margin-left:6px}.filter.active{color:#ff9a9c;background:#ff696c13;border-color:#ff696c45}.filter.active span{color:#d28589}.filter:hover{border-color:#ff696c60}.filter-count{font-size:10px;color:#8d8f9b;margin-left:auto}.story-feed{display:flex;flex-direction:column;gap:26px}.post-card{display:grid;grid-template-columns:40% 60%;background:#282a30ed;border:1px solid #ffffff0a;box-shadow:0 10px 35px #00000014;border-radius:18px;overflow:hidden;backdrop-filter:blur(18px);transform:none;transition:box-shadow .35s,border-color .35s}.post-card:hover{transform:none;border-color:#ff696c28;box-shadow:0 14px 38px #0003}.cover{height:100%;min-height:290px;width:100%;clip-path:polygon(0 0,94% 0,100% 100%,0 100%);background:#18191c;position:relative}.cover::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0000,#00000015);transition:opacity .3s;pointer-events:none}.cover img{height:100%;min-height:290px;object-fit:cover;object-position:50% 40%;filter:brightness(.85);transition:transform .65s,filter .4s}.post-card:hover .cover img{transform:scale(1.04);filter:brightness(1)}.cover.gray{background:#ababaa}.cover.gray img{object-fit:contain;filter:brightness(.8)}.cover.black{background:#000}.cover.black img{object-fit:cover;transform:scale(1.4);filter:brightness(.9)}.post-card:hover .cover.black img{transform:scale(1.45)}.post-card:nth-child(even){grid-template-columns:60% 40%}.post-card:nth-child(even) .cover{order:2;clip-path:polygon(0 0,100% 0,100% 100%,6% 100%)}.post-card:nth-child(even) .card-content{order:1}.card-content{padding:30px 29px;position:relative;min-width:0;justify-content:center}.card-meta{font-size:10px;color:#9395a1;margin-bottom:15px;letter-spacing:.01em;gap:8px}.card-title{font-size:24px;font-weight:600;color:#ff767b;margin:0 0 12px;line-height:1.3;letter-spacing:-.025em}.card-title a:hover{color:#ff9a9e}.card-deck{font-size:13px;color:#dadbe1;margin-bottom:12px;font-weight:500;line-height:1.65}.card-excerpt{font-size:12px;line-height:1.9;color:#a2a4b1;margin-bottom:22px;flex:initial}.card-foot{font-size:10px;color:#7c7f8e}.card-foot a{font-size:11px;color:#ff9295}.arrow-circle{background:#ff696c16;color:#ff8a8e;width:24px;height:24px;margin-left:4px}.motion .reveal{transition:opacity .75s,transform .75s;transform:translateY(25px)}.motion .reveal.visible{transform:none}.scrub-ready .scrub-card{opacity:var(--card-opacity,1);transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));transition:border-color .35s,box-shadow .35s;will-change:transform,opacity}.about-panel{margin-top:42px;background:#25272ce8;backdrop-filter:blur(20px);border:1px solid #ffffff0c;border-radius:20px;padding:35px 32px;display:grid;grid-template-columns:1fr 1.1fr;gap:30px}.about-panel h2{font-size:20px;margin:14px 0 17px;letter-spacing:-.025em}.about-lead{font-size:26px;letter-spacing:-.035em;line-height:1.55;margin:0;color:#b8bac5}.about-lead span{color:#ff9296}.about-detail{color:#a3a6b3;font-size:12px;line-height:2}.about-detail p{margin:0 0 13px}.topic-list{gap:7px;margin-top:20px}.topic-list a{color:#c7c9d2;border-color:#ffffff18;padding:6px 11px;font-size:10px}.topic-list a:hover{color:#ff979a;border-color:#ff696c70}.footer{background:#1c1d21ed;color:#7e818f;border-top:1px solid #ffffff0b;font-size:10px;padding:25px 0}.footer a:hover{color:#ff9599}.backtop{background:#303239e8;border:1px solid #ffffff16;color:#ff8c90;backdrop-filter:blur(18px)}.search-panel{top:64px;background:#24262bf5;backdrop-filter:blur(24px);border-color:#ffffff12;color:#ececf1;box-shadow:0 25px 60px #0004}.search-input{background:#191b20;color:#fff;border:1px solid #ffffff13}.search-close{color:#c1c3ce}.search-results a{border-color:#ffffff0d}.search-results a:hover{color:#ff8589}.search-results small,.search-empty{color:#a0a3b0}.page-top{background:linear-gradient(#14151b28,#18191bde);padding:90px 0 65px}.page-top .eyebrow{color:#ff9397}.page-top h1{font-size:clamp(38px,5vw,64px);color:#fff}.page-top p{color:#d2d2db}.page-top .sub-meta{color:#a2a4b0}.content{background:#1a1b20b8;padding-top:55px;min-height:calc(100vh - 430px)}.archive-list{background:#25272ded;border:1px solid #ffffff0e;backdrop-filter:blur(18px)}.archive-row{border-color:#ffffff10}.archive-title{color:#edecf1}.archive-date,.archive-desc{color:#9b9eab}.archive-row:hover .archive-title{color:#ff858a}.year-label{color:#ededf1}.article-page{background:#16171c}.article-page .scene-background{z-index:0}.article-page .nav,.article-page main,.article-page .footer{position:relative;z-index:1}.article-page .nav{position:sticky}.article-layout{background:#25272ded;border:1px solid #ffffff0b;backdrop-filter:blur(20px);border-radius:20px;padding:42px;grid-template-columns:minmax(0,1fr) 180px;width:min(1200px,calc(100% - 64px));gap:40px;align-items:start}.prose{color:#c9cbd5;line-height:2}.prose h1,.prose h2,.prose h3{color:#ececf1}.prose a{color:#ff9699}.prose th,.prose td{border-color:#ffffff19}.prose th{background:#ffffff08}.prose code{background:#17191fb3;color:#e4c5c8}.prose pre,.prose .highlight{background:#14161c;color:#dcdfe7}.prose blockquote{background:#ffffff04;border-color:#ff696c;color:#b7bac6}.prose img{background:#ffffff05;border:1px solid #ffffff0d}.toc{border-color:#ffffff15;top:95px}.toc h2{color:#e2b2b6}.toc a{color:#9c9fad}.toc a:hover{color:#ff9699}.article-nav{border-color:#ffffff18;color:#ff9699}.skip{background:#ff8b8e;color:#16171b}
@media(min-width:1550px){.journal-layout{grid-template-columns:290px minmax(0,1fr);gap:35px}.cover,.cover img{min-height:315px}.card-title{font-size:27px}.card-content{padding:34px 36px}.card-excerpt{font-size:13px}.profile-panel{padding:40px 30px 28px}.stage-inner,.story-bottom,.container,.nav-inner{width:min(1400px,calc(100% - 96px))}}
@media(max-width:1050px){.journal-layout{grid-template-columns:230px minmax(0,1fr);gap:22px}.profile-panel{padding:29px 18px 20px}.card-content{padding:24px 22px}.card-title{font-size:22px}.card-deck{font-size:12px}.card-excerpt{font-size:11px}.cover,.cover img{min-height:285px}.about-panel{grid-template-columns:1fr;gap:20px}.about-detail{font-size:13px}.article-layout{grid-template-columns:1fr;padding:35px}.toc{display:none}}
@media(max-width:800px){.journal-layout{grid-template-columns:1fr}.profile-column{position:static}.profile-panel{display:grid;grid-template-columns:64px minmax(0,1fr) auto;text-align:left;gap:0 18px;align-items:center;padding:22px}.avatar{grid-column:1;grid-row:1/3;width:61px;height:61px;font-size:43px;margin:0}.avatar span{right:9px;bottom:15px;font-size:20px}.profile-panel h2{grid-column:2;font-size:20px;margin:0 0 4px}.profile-sub{grid-column:2;grid-row:2}.profile-counts{grid-column:3;grid-row:1/3;margin:0;gap:18px}.profile-counts>a{padding-right:15px}.profile-counts strong{font-size:20px}.profile-counts span{font-size:9px;white-space:nowrap}.side-nav,.profile-bottom{display:none}.feed-header{margin-top:12px}.about-panel{grid-template-columns:1fr 1fr}.article-layout{width:calc(100% - 40px)}}
@media(max-width:700px){.nav{height:60px}.nav-inner,.container,.stage-inner,.story-bottom{width:calc(100% - 36px)}.nav-links.open{top:60px;background:#23252af7;border-color:#ffffff13;font-size:18px}.search-panel{top:60px}.wordmark{font-size:22px}.scene-background img{object-position:50% 66%;transform:scale(var(--bg-scale,1.04));filter:brightness(var(--bg-brightness,.65)) blur(var(--bg-blur,0px))}.photo-shade{background:linear-gradient(90deg,#11121788,#11121745),linear-gradient(180deg,#10111625 20%,#11121735 55%,#17181de8)}.scroll-story{height:205vh;height:205svh}.story-stage{height:calc(100vh - 60px);height:calc(100svh - 60px);top:60px}.story-phase{padding-bottom:90px;justify-content:center;transform-origin:20% 50%}.hero-kicker{font-size:9px;letter-spacing:.13em;margin-bottom:20px}.story-phase h1,.story-phase h2{font-size:clamp(36px,8.9vw,58px);line-height:1.23;letter-spacing:-.06em}.hero-description{font-size:12px;margin:20px 0 24px;max-width:270px;color:#d2d2d9}.button{font-size:12px;padding:10px 18px}.story-bottom{bottom:26px;align-items:flex-end}.scroll-cue{font-size:9px;gap:10px}.chapter-nav{gap:14px}.chapter-nav button{font-size:9px}.chapter-nav button span{font-size:9px;margin-right:4px}.journal-section{padding-top:30px;padding-bottom:50px}.feed-header h2{font-size:27px}.feed-header .text-link{font-size:10px}.section-eyebrow{font-size:8px}.story-feed{gap:22px}.post-card,.post-card:nth-child(even){display:flex;flex-direction:column;border-radius:18px}.post-card:nth-child(even) .cover{order:0}.post-card:nth-child(even) .card-content{order:0}.cover,.cover img{height:230px;min-height:230px}.cover,.post-card:nth-child(even) .cover{clip-path:none}.card-content{padding:24px}.card-title{font-size:25px}.card-meta{font-size:10px}.card-deck{font-size:14px}.card-excerpt{font-size:12px;line-height:1.9}.card-foot{font-size:10px}.card-foot a{font-size:12px}.about-panel{grid-template-columns:1fr;padding:28px 24px;gap:20px;margin-top:27px}.about-panel h2{font-size:20px}.about-lead{font-size:28px}.about-detail{font-size:12px}.profile-panel{padding:20px 18px;gap:0 13px}.profile-counts{gap:12px}.profile-counts>a{padding-right:12px}.avatar{width:54px;height:54px;font-size:40px}.profile-panel{grid-template-columns:54px minmax(0,1fr) auto}.profile-sub{font-size:9px}.profile-counts strong{font-size:19px}.footer{font-size:9px}.page-top{padding:55px 0 45px}.page-top h1{font-size:38px}.page-top p{font-size:15px}.content{padding-top:35px}.article-layout{padding:25px 20px;width:calc(100% - 24px);margin:24px auto 45px;border-radius:15px}.prose{font-size:14px}.prose h2{font-size:23px}.toc{display:none}.archive-list{padding:8px 22px}.archive-title{font-size:20px}.archive-desc{font-size:12px}.backtop{right:12px;bottom:12px}.search-input{font-size:17px}.story-phase .actions{gap:10px}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:85vh;height:85svh}.story-stage{position:relative;top:0;height:85vh;height:85svh}.phase-two,.phase-three,.story-enabled .phase-two,.story-enabled .phase-three{display:none}.story-phase{opacity:1!important;transform:none!important}.chapter-nav{display:none}.scene-background img{transform:none!important;filter:brightness(.6)!important;will-change:auto}.scrub-ready .scrub-card{opacity:1!important;transform:none!important;will-change:auto}.motion .reveal{opacity:1!important;transform:none!important}.post-card:hover .cover img{transform:none}.post-card:hover .cover.black img{transform:scale(1.4)}}
/* Revision: personal overview in the second scene; cover-led article reading. */
.scene-background img{object-position:50% 50%}.page-progress,.story-track{display:none!important}.scroll-story{height:195vh;height:195svh}.story-about-anchor{position:absolute;top:calc(100% - 100svh);width:1px;height:1px;pointer-events:none}.profile-phase{padding-bottom:28px}.profile-scene{display:grid;grid-template-columns:285px minmax(0,1fr);gap:80px;align-items:center;width:min(1100px,100%);padding:16px 0}.profile-scene-card{pointer-events:auto;min-width:0}.profile-scene-card .profile-panel{max-height:calc(100svh - 130px);overflow:auto;scrollbar-width:thin}.profile-scene-card .profile-panel h2{font-size:22px}.profile-scene-copy{max-width:620px}.profile-scene-copy h2{font-size:clamp(40px,5.5vw,74px)}.profile-bio{font-size:17px;color:#d2d2da;line-height:1.9;max-width:530px;margin:22px 0 16px}.profile-bio.secondary{font-size:14px;color:#a5a7b2;margin-top:0;margin-bottom:25px;line-height:2}.journal-layout{display:block;max-width:1120px}.feed-header h2{font-size:34px}.story-feed{gap:30px}.cover.concert{background:#17181b}.cover.concert img{object-fit:cover;object-position:50% 62%;transform:none;filter:brightness(.85)}.post-card:hover .cover.concert img{transform:scale(1.04)}
.article-page .scene-background img{filter:brightness(.25) blur(4px)}.article-cover-banner{position:relative;height:440px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;background:#16171b}.article-cover-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:brightness(.72)}.cover-banner-1>img{object-position:50% 45%}.cover-banner-2>img{object-position:50% 60%}.article-banner-shade{position:absolute;inset:0;background:linear-gradient(180deg,#14161b18,#16181f55 50%,#1c1e24e8)}.article-banner-title{position:relative;z-index:1;padding:20px 25px 65px;max-width:1000px}.article-banner-title>p{font:10px ui-monospace,monospace;letter-spacing:.18em;color:#dedee5;margin:0 0 17px}.article-banner-title h1{font-size:clamp(32px,4vw,51px);font-weight:650;letter-spacing:-.025em;line-height:1.35;margin:0 0 17px;color:#fff;text-shadow:0 2px 22px #0009}.article-banner-title>span{font-size:15px;color:#e5e5eb;line-height:1.8}.article-reading-layout{position:relative;z-index:2;display:grid;grid-template-columns:275px minmax(0,1fr);gap:30px;align-items:start;margin:-56px auto 70px;max-width:1280px}.reading-toc{position:sticky;top:90px;background:#26292ff5;border:1px solid #ffffff0b;border-radius:15px;padding:25px 20px;max-height:calc(100svh - 125px);overflow:auto;box-shadow:0 12px 34px #0002;border-left:1px solid #ffffff0b;scrollbar-width:thin}.reading-toc h2{font:600 15px ui-monospace,monospace;letter-spacing:.08em;color:#c7c9d2;margin:0 0 20px}.reading-toc h2>span{display:block;font:10px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;color:#777b88;margin-top:7px}.reading-toc nav{display:flex;flex-direction:column;gap:4px}.reading-toc nav>a{display:block;font-size:12px;line-height:1.8;padding:6px 8px;border-left:2px solid transparent;color:#a9acb9;overflow-wrap:anywhere;transition:color .2s,background .2s}.reading-toc nav>a.toc-level-1{font-weight:600;color:#e1c3c7}.reading-toc nav>a.toc-level-2{padding-left:16px}.reading-toc nav>a.toc-level-3{padding-left:25px;font-size:11px}.reading-toc nav>a.active,.reading-toc nav>a:hover{color:#ff7f85;border-left-color:#ff696c;background:#ff696c09}.toc-actions{display:flex;gap:10px;justify-content:center;margin-top:25px;padding-top:19px;border-top:1px solid #ffffff0d}.toc-actions a{display:block;font-size:11px;color:#ff9298;background:#ff696c0f;border:1px solid #ff696c25;padding:8px 12px;border-radius:8px}.toc-actions a:hover{background:#ff696c22}.article-content-panel{background:#26292ff7;border:1px solid #ffffff0c;border-radius:15px;padding:32px 38px 38px;min-width:0;box-shadow:0 14px 40px #0002}.reading-meta{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-bottom:26px;font-size:11px;color:#ff8b91}.reading-meta time,.reading-meta>span:not(.reading-estimate){padding:8px 12px;border-radius:7px;background:#ffffff0b;box-shadow:0 3px 10px #0001}.reading-meta .reading-estimate{margin-left:auto;color:#8e92a1;font-size:10px}.reading-divider{height:3px;background:repeating-linear-gradient(90deg,#ff696c5c 0 18px,transparent 18px 35px);margin:28px 0 30px;opacity:.65}.article-content-panel .prose{font-size:15px;line-height:2.05;color:#bec2cf}.article-content-panel .prose h1,.article-content-panel .prose h2,.article-content-panel .prose h3{position:relative;scroll-margin-top:100px;letter-spacing:-.015em}.article-content-panel .prose h1{font-size:28px;margin:0 0 30px;padding:0 0 18px;border-bottom:1px solid #ffffff12}.article-content-panel .prose h1:before,.article-content-panel .prose h2:before,.article-content-panel .prose h3:before{content:'#';color:#ff727b;font-family:ui-monospace,monospace;margin-right:10px;font-weight:650}.article-content-panel .prose h1:after{content:'';position:absolute;bottom:-2px;left:0;width:30px;height:4px;border-radius:5px;background:#ff696c;box-shadow:0 0 10px #ff696c70}.article-content-panel .prose h2{font-size:25px;margin:40px 0 20px}.article-content-panel .prose h3{font-size:20px;margin:30px 0 16px}.article-content-panel .prose p{margin:19px 0}.article-content-panel .prose img{max-width:100%;margin:24px auto;background:#1a1c22;border:1px solid #ffffff0d;border-radius:9px}.article-content-panel .prose table{font-size:12px}.article-content-panel .article-nav{font-size:12px;margin-top:35px;padding-top:25px}.mobile-reading-toc{display:none}.article-page .footer{background:#1c1e24f5}.article-page .toc{display:block}.article-content-panel .prose .highlight{border:1px solid #ffffff09}
@media(max-width:1050px){.profile-scene{grid-template-columns:260px 1fr;gap:45px}.profile-scene-copy h2{font-size:53px}.profile-bio{font-size:15px}.profile-bio.secondary{font-size:12px}.article-reading-layout{grid-template-columns:235px minmax(0,1fr);gap:23px}.article-content-panel{padding:27px}.article-cover-banner{height:390px}.reading-toc{padding:22px 16px}.reading-toc nav>a{font-size:11px}.reading-meta .reading-estimate{margin-left:0}}
@media(max-width:800px){.profile-scene{grid-template-columns:1fr;gap:28px;max-width:620px}.profile-scene-card .profile-panel{overflow:visible;max-height:none}.profile-scene-copy h2{font-size:44px;line-height:1.2}.profile-scene-copy h2 br{display:none}.profile-scene-copy .hero-kicker{margin-bottom:14px}.profile-bio{margin-top:16px;margin-bottom:12px}.profile-bio.secondary{font-size:13px}.profile-phase{padding-bottom:45px}.article-reading-layout{grid-template-columns:1fr;width:calc(100% - 40px);margin-top:-40px}.article-page .reading-toc{display:none}.mobile-reading-toc{display:block;background:#ffffff04;border:1px solid #ffffff0a;border-radius:9px;padding:11px 14px;font-size:12px;color:#ffc0c3;margin:0 0 20px}.mobile-reading-toc summary{cursor:pointer}.mobile-reading-toc nav{display:flex;flex-direction:column;padding-top:10px;gap:3px}.mobile-reading-toc a{display:block;color:#b5b9c7;font-size:12px;padding:5px 0}.mobile-reading-toc a.toc-level-3{padding-left:12px}.article-cover-banner{height:340px}.article-banner-title{padding-bottom:35px}.article-banner-title h1{font-size:37px}.feed-header h2{font-size:30px}}
@media(max-width:700px){.scene-background img{object-position:50% 50%}.scroll-story{height:190vh;height:190svh}.profile-scene-copy h2{font-size:39px}.profile-scene{gap:23px;padding:0}.profile-phase{padding-bottom:55px}.profile-scene-copy .hero-kicker{font-size:9px}.profile-bio{font-size:13px;line-height:1.9;margin:14px 0 12px}.profile-bio.secondary{font-size:11px;line-height:1.9;margin-bottom:20px}.profile-scene-card .profile-panel{padding:17px 16px}.profile-scene-card .avatar{width:50px;height:50px;font-size:36px}.profile-scene-card .profile-panel{grid-template-columns:50px minmax(0,1fr) auto}.profile-scene-card .profile-panel h2{font-size:18px}.profile-scene-card .profile-counts strong{font-size:18px}.profile-scene-card .profile-sub{font-size:9px}.article-cover-banner{height:300px}.article-banner-title h1{font-size:32px}.article-banner-title>p{font-size:9px}.article-banner-title>span{font-size:12px}.article-reading-layout{width:calc(100% - 24px);margin-top:-28px;margin-bottom:45px}.article-content-panel{padding:23px 20px;border-radius:13px}.reading-meta{font-size:10px;gap:8px;margin-bottom:20px}.reading-meta .reading-estimate{font-size:9px}.reading-divider{margin:21px 0 27px}.article-content-panel .prose{font-size:14px;line-height:2}.article-content-panel .prose h1{font-size:26px}.article-content-panel .prose h2{font-size:23px}.article-content-panel .prose h3{font-size:19px}.article-content-panel .prose table{font-size:11px}.journal-layout{width:calc(100% - 36px)}.feed-header h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto!important}.story-stage{position:relative;top:0;height:auto!important;overflow:visible}.stage-inner{height:auto;display:flex;flex-direction:column}.story-phase{position:relative;inset:auto;min-height:80svh;padding:60px 0;opacity:1!important;transform:none!important}.phase-two,.story-enabled .phase-two{display:flex!important}.profile-phase{min-height:70svh}.story-bottom{display:none}.story-about-anchor{top:80svh}.profile-scene{padding:0}.cover.concert img,.post-card:hover .cover.concert img{transform:none!important}}
.reading-toc nav>a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.profile-scene-card .profile-panel{scrollbar-color:#626571 transparent}
/* Personal overview — a wide editorial card with horizontal navigation and counts. */
.profile-phase{align-items:center;padding:18px 0 45px;transform-origin:center}.personal-overview{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.8fr);gap:45px;align-items:center;width:100%;max-width:1260px;min-height:540px;background:#f4eee2;color:#302e29;border:1px solid #f8f4eaaa;border-radius:25px;padding:46px 52px;box-shadow:0 18px 70px #0003;position:relative;overflow:hidden;pointer-events:auto;isolation:isolate}.personal-overview:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 10% 10%,#e9cdb929,transparent 60%),radial-gradient(ellipse at 90% 85%,#d0c7ab22,transparent 60%);pointer-events:none}.overview-copy{position:relative;z-index:2;min-width:0}.overview-label{display:inline-flex;align-items:center;gap:9px;border:1px dashed #d2c5b1;background:#fffbf380;padding:8px 12px;border-radius:40px;color:#938777;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;margin:0 0 25px}.overview-label>span{width:6px;height:6px;border-radius:50%;background:#bc5a3b;box-shadow:0 0 0 4px #bc5a3b14}.personal-overview h2{font-family:"STKaiti","KaiTi","Kaiti SC","Noto Serif CJK SC",serif;font-size:clamp(36px,4.4vw,60px);font-weight:700;letter-spacing:.025em;line-height:1.3;margin:0 0 21px;color:#282722;text-shadow:none;white-space:nowrap}.overview-note{display:inline-block;border-left:3px solid #bf603f;background:#ca70500b;color:#b85b3c;padding:7px 11px;font-size:12px;line-height:1.7;margin:0 0 24px}.overview-description{font-family:"Songti SC","SimSun",serif;font-size:15px;line-height:2;color:#6b665c;max-width:570px;margin:0 0 29px}.overview-buttons{display:flex;flex-direction:row;align-items:stretch;gap:12px;margin:0 0 27px;flex-wrap:nowrap}.overview-buttons a{display:flex;justify-content:center;align-items:center;gap:16px;min-width:95px;border:1px solid #d4c8b3;border-radius:10px;background:#f8f3e8;color:#38352e;padding:12px 22px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}.overview-buttons a:hover{transform:translateY(-2px);background:#fff9ee;box-shadow:0 4px 0 #ddd3c3}.overview-buttons a.overview-primary{background:#bc603f;color:#fff9ef;border:1px solid #4b4035;box-shadow:3px 3px 0 #4b4035}.overview-buttons a.overview-primary:hover{background:#c86a48;box-shadow:3px 5px 0 #4b4035}.overview-stats{display:flex;align-items:center;gap:22px;flex-wrap:nowrap;color:#8b8274;font-size:12px}.overview-stats a{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.overview-stats strong{font:600 16px ui-monospace,SFMono-Regular,Consolas,monospace;color:#60584d}.overview-stats a:hover span{color:#b85b3c}.overview-dot{color:#d2c6b2;font-size:16px}.overview-art{position:relative;height:350px;min-width:0;pointer-events:none}.overview-blob{position:absolute;inset:40px -10px 35px;background:#e5c7b6a6;border-radius:47% 53% 58% 42%/53% 42% 58% 47%;transform:rotate(-10deg)}.overview-orbit{position:absolute;inset:63px -20px 48px;border:1px dashed #b9b0a0;border-radius:50%;transform:rotate(15deg);z-index:1}.overview-photo{position:absolute;inset:10px 15px 25px;border:2px solid #4d493e;border-radius:9px;background:#fffaf0;transform:rotate(-2deg);box-shadow:8px 10px 0 #c5c0b25c;z-index:2;padding:13px 13px 10px;display:flex;flex-direction:column}.overview-tape{position:absolute;top:-14px;left:38%;width:76px;height:24px;border:1px solid #c9876b55;background:#d8906d55;transform:rotate(-3deg);z-index:3}.overview-monogram{border:1px solid #d8cfc1;border-radius:3px;background:linear-gradient(155deg,#fff,#f1efe7);display:flex;align-items:center;justify-content:center;flex:1;color:#393933;font:700 145px/1 Georgia,"Times New Roman",serif;letter-spacing:-.08em;position:relative}.overview-monogram>span{font-size:98px;color:#ba6043;line-height:1;align-self:center;margin-top:35px}.overview-caption{display:flex;justify-content:space-between;gap:5px;color:#999080;font:8px ui-monospace,monospace;letter-spacing:.06em;padding:11px 1px 0}.overview-sticker{position:absolute;right:-8px;bottom:1px;padding:12px 13px;background:#fffaf0;border:2px solid #4b463d;border-radius:8px;transform:rotate(5deg);font:11px "STKaiti","KaiTi",serif;box-shadow:3px 3px 0 #4b463d;z-index:4;color:#4b463d}.overview-sticker:before{content:'';position:absolute;top:-8px;left:24%;height:13px;width:40px;background:#d8906d66}.personal-overview a:focus-visible{outline-color:#b85b3c}
@media(min-width:1550px){.personal-overview{padding:50px 65px;gap:75px;min-height:570px}.personal-overview h2{font-size:64px}.overview-description{font-size:17px}.overview-art{height:375px}.overview-note{font-size:14px}}
@media(max-width:1050px){.personal-overview{padding:36px;gap:30px;grid-template-columns:minmax(0,1.3fr) minmax(220px,.8fr)}.personal-overview h2{font-size:43px;letter-spacing:0}.overview-description{font-size:13px}.overview-art{height:300px}.overview-monogram{font-size:120px}.overview-buttons a{padding:11px 18px;min-width:82px;font-size:13px}.overview-label{font-size:9px}.overview-note{font-size:11px}.overview-stats{gap:18px}}
@media(max-width:800px){.personal-overview{grid-template-columns:minmax(0,1fr) 195px;gap:20px;padding:30px;min-height:470px}.personal-overview h2{font-size:36px}.overview-art{height:260px}.overview-photo{inset:15px 5px 25px;padding:9px}.overview-caption{font-size:6px;letter-spacing:0}.overview-monogram{font-size:100px}.overview-monogram>span{font-size:70px;margin-top:25px}.overview-sticker{right:-5px;padding:9px;font-size:9px}.overview-orbit{inset:60px -15px 45px}.overview-label{font-size:8px;margin-bottom:19px}.overview-note{font-size:10px;margin-bottom:17px}.overview-description{font-size:12px;margin-bottom:23px}.overview-buttons{gap:9px;margin-bottom:22px}.overview-buttons a{font-size:12px;padding:10px 15px;min-width:74px}.profile-phase{padding-bottom:35px}}
@media(max-width:600px){.personal-overview{grid-template-columns:1fr;padding:26px 23px 25px;min-height:0;gap:0;border-radius:19px;max-height:calc(100svh - 120px);overflow:auto}.overview-art{display:none}.personal-overview h2{font-size:clamp(31px,8vw,43px);margin-bottom:16px}.overview-label{font-size:8px;padding:7px 10px;margin-bottom:20px}.overview-note{font-size:11px;margin-bottom:19px}.overview-description{font-size:13px;line-height:1.9;margin-bottom:25px}.overview-buttons{gap:10px;margin-bottom:24px}.overview-buttons a{flex:1;min-width:0;padding:11px 8px;font-size:13px;gap:6px}.overview-stats{gap:17px;font-size:11px}.overview-stats strong{font-size:15px}.overview-stats a{gap:6px}.profile-phase{padding:15px 0 52px}}
@media(prefers-reduced-motion:reduce){.overview-buttons a:hover{transform:none}.personal-overview{max-height:none}.profile-phase{padding:35px 0;min-height:65svh}}

/* Dark liquid glass: a shared material for navigation, profile and controls. */
.personal-overview{background:linear-gradient(125deg,#34363c9e,#1d1f25bd 65%,#292127aa);border:1px solid #ffffff24;color:#f3f3f6;box-shadow:inset 0 1px 0 #ffffff21,inset 0 -1px 0 #ffffff08,0 30px 90px #0005;-webkit-backdrop-filter:blur(32px) saturate(145%);backdrop-filter:blur(32px) saturate(145%)}
.personal-overview:before{z-index:0;background:radial-gradient(ellipse at var(--glass-x,20%) var(--glass-y,0%),#ffffff12,transparent 55%),radial-gradient(ellipse at 100% 100%,#ff696c0c,transparent 60%)}
.personal-overview:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid transparent;background:linear-gradient(135deg,#ffffff21,transparent 40%,#ff696c12) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}
.personal-overview h2{color:#f4f4f7;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-weight:650;letter-spacing:-.04em}
.overview-label{color:#b6b8c2;background:#ffffff05;border-color:#ffffff26;border-style:solid;box-shadow:inset 0 1px 0 #ffffff08}.overview-label>span{background:#ff777c;box-shadow:0 0 0 4px #ff696c12,0 0 12px #ff696c40}
.overview-note{color:#ff979b;border-color:#ff747b;background:linear-gradient(90deg,#ff696c12,transparent)}
.overview-description{font-family:inherit;color:#b9bbc5;line-height:2}.overview-stats{color:#9b9eaa}.overview-stats strong{color:#f0f0f5}.overview-dot{color:#555863}.overview-stats a:hover span{color:#ff9096}
.overview-buttons a{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;border:1px solid #ffffff24;color:#e5e6ed;background:linear-gradient(145deg,#ffffff10,#ffffff04);box-shadow:inset 0 1px 0 #ffffff18,0 5px 14px #0002;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);transform:translate3d(var(--press-x,0px),var(--press-y,0px),0) scale(var(--press-scale,1));transition:transform .45s cubic-bezier(.22,1.4,.36,1),background .25s,border-color .25s,box-shadow .25s;touch-action:manipulation}
.overview-buttons a:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at var(--glass-x,25%) var(--glass-y,0%),#ffffff28,transparent 72%);opacity:.6;pointer-events:none;transition:opacity .25s}
.overview-buttons a:hover{background:linear-gradient(145deg,#ffffff18,#ffffff08);border-color:#ffffff45;box-shadow:inset 0 1px 0 #ffffff2b,0 8px 24px #0003;transform:translate3d(var(--press-x,0px),calc(var(--press-y,0px) - 2px),0) scale(var(--press-scale,1))}.overview-buttons a:hover:before{opacity:1}
.overview-buttons a.overview-primary{color:#fff;background:linear-gradient(145deg,#ff777b85,#c0445070);border-color:#ff979b7a;box-shadow:inset 0 1px 0 #ffffff32,0 6px 22px #ff696c17}.overview-buttons a.overview-primary:hover{background:linear-gradient(145deg,#ff858a9e,#d0505d85);box-shadow:inset 0 1px 0 #ffffff42,0 8px 25px #ff696c24}
.personal-overview a:focus-visible{outline:2px solid #ff9b9e;outline-offset:5px}.overview-art{z-index:1}.overview-blob{background:radial-gradient(ellipse,#ff696c1d,#ff696c03 70%)}.overview-orbit{border-color:#ffffff1c}
.overview-photo{border:1px solid #ffffff35;background:linear-gradient(145deg,#52545c66,#202228a8);box-shadow:inset 0 1px 0 #ffffff29,12px 18px 35px #0004;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.overview-tape{background:linear-gradient(135deg,#ff92952e,#ff696c14);border-color:#ff969944;box-shadow:inset 0 1px 0 #ffffff0e}
.overview-monogram{color:#f5f5f8;border-color:#ffffff12;background:radial-gradient(ellipse at 15% 0%,#ffffff0e,transparent 70%),linear-gradient(150deg,#25272c77,#17181ca6);text-shadow:0 8px 25px #0003}.overview-monogram>span{color:#ff777f}.overview-caption{color:#9295a2}.overview-sticker{background:#303239d9;color:#dbdce3;border:1px solid #ffffff30;box-shadow:inset 0 1px 0 #ffffff14,3px 4px 15px #0005;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:inherit}.overview-sticker:before{background:#ff8c9135}
.nav{background:linear-gradient(180deg,#292b30ad,#1b1d238f);border-bottom:1px solid #ffffff1c;box-shadow:inset 0 1px 0 #ffffff08,0 8px 30px #0001;-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%)}
.nav-links a{padding:7px 13px;border:1px solid transparent;border-radius:30px;transition:background .25s,border-color .25s,color .25s}.nav-links a:hover{color:#fff;background:#ffffff0a;border-color:#ffffff16}.icon-button{border-radius:50%;transition:background .2s,transform .3s}.icon-button:hover{background:#ffffff12}.icon-button:active{transform:scale(.9)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.personal-overview{background:#27292ff5}.nav{background:#202227f5}.overview-buttons a{background:#36383e}.overview-photo{background:#303239}.overview-buttons a.overview-primary{background:#a64b54}}
@media(max-width:700px){.nav-links.open{background:#25272ef5;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.nav-links a{padding:8px 12px}.personal-overview{box-shadow:inset 0 1px 0 #ffffff21,0 20px 50px #0004}}
@media(prefers-reduced-motion:reduce){.overview-buttons a,.overview-buttons a:hover,.icon-button:active{transform:none!important}.personal-overview:before{background:radial-gradient(ellipse at 20% 0%,#ffffff10,transparent 60%)} }

/* Global optical glass: translucent body, refractive rim, moving specular light. */
:root{--glass-fill:linear-gradient(135deg,#72778320,#25283232 46%,#36303e28);--glass-edge:#ffffff30;--glass-shadow:inset 0 1px 1px #ffffff30,inset 1px 0 1px #ffffff16,inset 0 -1px 1px #ffffff0d,0 18px 55px #00000030;--muted:#b0b3bf}
.nav-inner{justify-content:center;position:relative}.nav-actions{position:absolute;right:0}.nav-links{gap:28px}.nav{background:linear-gradient(170deg,#ffffff13,#23263045 55%,#ffffff08);border-bottom-color:#ffffff2b;box-shadow:inset 0 1px 0 #ffffff1a,0 8px 28px #0002;-webkit-backdrop-filter:blur(22px) saturate(185%);backdrop-filter:blur(22px) saturate(185%)}
.scene-background:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 4% 25%,#8fa6c110,transparent 45%),radial-gradient(ellipse at 98% 65%,#ff738014,transparent 45%);pointer-events:none}.photo-shade{background:linear-gradient(90deg,#0b0c1088,#12131820 60%,#10111530),linear-gradient(180deg,#12131808 35%,#18191d90)}
.journal-section,.content,.about,.article-page,.footer,.article-page .footer{background:transparent}.page-top{background:linear-gradient(180deg,#15171e38,#15171e08)}
.liquid-panel{position:relative;isolation:isolate;background:var(--glass-fill);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%)}
.liquid-panel:before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:0;pointer-events:none;background:radial-gradient(ellipse at var(--glass-x,18%) var(--glass-y,0%),#ffffff13,transparent 55%),linear-gradient(115deg,#ffffff06,transparent 28%,transparent 65%,#ff8a9505);opacity:1}
.liquid-panel:after{content:'';position:absolute;inset:0;border-radius:inherit;z-index:3;pointer-events:none;padding:1.5px;background:radial-gradient(ellipse at var(--glass-x,18%) var(--glass-y,0%),#ffffffa0,transparent 65%),linear-gradient(135deg,#ffffff50,transparent 30%,#ffffff0a 50%,#ffffff35 85%,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.liquid-panel>*{position:relative;z-index:1}.personal-overview{background:var(--glass-fill);border-color:#ffffff38;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}
.post-card{background:var(--glass-fill);border-radius:24px;border-color:#ffffff2b;box-shadow:var(--glass-shadow)}.post-card:hover{background:linear-gradient(135deg,#8b939d28,#31333d35);box-shadow:inset 0 1px 1px #ffffff40,0 24px 65px #0004}.post-card .card-content{background:transparent}.post-card .cover{z-index:1}.post-card .card-title{color:#ff858d}.card-excerpt{color:#bec1cd}.card-meta,.card-foot{color:#aeb2c0}
.article-content-panel{background:linear-gradient(145deg,#3d424b63,#23262e8a);border-radius:22px;box-shadow:var(--glass-shadow)}.article-content-panel .prose{color:#d1d4de}.reading-toc{position:sticky;background:linear-gradient(135deg,#50566345,#25283280);border-radius:20px}.reading-toc nav>a{color:#c2c5d1}.article-content-panel .prose img{background:#171a2040}.prose pre,.prose .highlight{background:#10141c88}.prose blockquote{background:#ffffff08;border-left-color:#ff858d}.prose th{background:#ffffff08}.prose td,.prose th{border-color:#ffffff1c}
.archive-list,.about-panel,.search-panel{background:linear-gradient(135deg,#4b505d65,#22252e96)}.search-panel{position:fixed}.search-input{color:#f0f2f7;background:#ffffff0a;border:1px solid #ffffff1c;box-shadow:inset 0 1px 3px #0002}.archive-row{border-color:#ffffff16}.archive-title{color:#f0f1f6}.archive-desc{color:#b0b5c4}.search-results a{border-color:#ffffff16}
.liquid-control{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#ffffff17,#ffffff06);border:1px solid #ffffff30;color:#e9ebf3;box-shadow:inset 0 1px 1px #ffffff35,inset 0 -1px 1px #ffffff0c,0 4px 12px #0002;-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);transition:background .25s,border-color .25s,scale .4s cubic-bezier(.2,1.6,.3,1),box-shadow .25s;scale:var(--liquid-scale,1);touch-action:manipulation}
.liquid-control:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--glass-x,25%) var(--glass-y,0%),#ffffff38,transparent 75%)}
.liquid-control:hover{background:linear-gradient(145deg,#ffffff24,#ffffff0c);border-color:#ffffff60;box-shadow:inset 0 1px 1px #ffffff50,0 6px 24px #0003}.button:not(.outline),.overview-buttons a.overview-primary,.feed-tabs button.selected{color:#fff;background:linear-gradient(145deg,#ff9a9d65,#cb405e45);border-color:#ffb0b46b;box-shadow:inset 0 1px 1px #ffd5d650,0 5px 20px #ff696c14}.button:not(.outline):hover,.overview-buttons a.overview-primary:hover{background:linear-gradient(145deg,#ffa2a780,#d94b6660)}
.overview-buttons a,.overview-buttons a:hover{transform:none}.overview-photo{background:linear-gradient(145deg,#a2a7b31a,#22252c38);border-color:#ffffff50;box-shadow:inset 0 1px 1px #ffffff50,14px 18px 40px #0004}.overview-monogram{background:linear-gradient(140deg,#ffffff0b,#11131a22);border-color:#ffffff16}.overview-sticker{background:#66708019;border-color:#ffffff45}.overview-label{background:#ffffff08;border-color:#ffffff26}.overview-description{color:#c3c6d1}.overview-stats{color:#b4b7c3}.overview-note{color:#ffabad}.backtop{color:#f7f7fa}.icon-button{border-radius:50%}.nav-links a{border-radius:100px}.filter-tabs button,.feed-tabs button{border-radius:100px}.footer{border-top:1px solid #ffffff13}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.liquid-panel,.article-content-panel,.personal-overview,.reading-toc,.search-panel{background:#262a33f5}.liquid-control{background:#3a3e48}.nav{background:#22262ef5}}
@media(max-width:700px){.nav-inner{justify-content:flex-start}.nav-links.open{background:#202530c9;border:1px solid #ffffff25;border-radius:0 0 20px 20px}.liquid-panel{-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}.article-content-panel{background:#272c357d}.nav-actions{right:0}.nav-links{gap:15px}}
@media(prefers-reduced-motion:reduce){.liquid-control{scale:1!important}.liquid-panel:before{background:linear-gradient(135deg,#ffffff09,transparent 60%)} }

/* Clear optical edition: floating capsules, thin meniscus, restrained tint. */
:root{--glass-tint:.12;--glass-blur:12px;--glass-fill:linear-gradient(135deg,rgb(235 240 255 / .045),rgb(25 29 36 / var(--glass-tint)) 58%,rgb(255 255 255 / .025));--glass-shadow:inset 0 1px 0 #ffffff25,inset 0 -1px 0 #ffffff08,0 12px 35px #0003}
html[data-glass='tinted']{--glass-tint:.55;--glass-blur:22px}
.nav{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:min(690px,calc(100% - 40px));height:60px;border:1px solid #ffffff2e;border-radius:100px;background:linear-gradient(160deg,#f6f8ff15,rgb(25 29 36 / var(--glass-tint)) 55%,#b7bec312);box-shadow:inset 0 1px 0 #ffffff42,inset 0 -1px 0 #0003,0 8px 30px #0004;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(165%);backdrop-filter:blur(var(--glass-blur)) saturate(165%)}
.nav:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 1px 0 1px #fff3,inset -1px 0 1px #ffffff18}
.nav-inner{width:100%;padding:7px 10px;justify-content:space-between;gap:12px}.nav-links{display:flex;gap:5px;align-items:center}.nav-links a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 23px;font-size:13px;color:#e0e3ed;border-color:transparent;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.nav-links a:hover,.nav-links a.current-page{background:#ffffff16;border-color:#ffffff18;color:white;box-shadow:inset 0 1px 0 #ffffff16}.nav-links a:before{opacity:.25}.nav-actions{position:static;display:flex;gap:7px;margin-left:auto}.nav-actions .icon-button{width:42px;height:42px;padding:10px;flex-shrink:0}.menu-button{display:none!important}.nav-actions .icon-button svg{width:20px;height:20px}.story-stage{top:0;height:100svh}.story-phase{padding-top:45px}.profile-phase{padding-top:64px}.story-bottom{bottom:30px}.page-top{padding-top:125px}.article-cover-banner{height:490px}.article-banner-title{padding-top:55px}
.liquid-panel,.personal-overview,.post-card,.archive-list,.reading-toc{background:var(--glass-fill);border-color:#ffffff1b;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(155%);backdrop-filter:blur(var(--glass-blur)) saturate(155%)}
.liquid-panel:before{background:radial-gradient(ellipse at var(--glass-x,15%) var(--glass-y,0%),#ffffff0d,transparent 55%),linear-gradient(125deg,#ffffff04,transparent 40%)}
.liquid-panel:after{padding:1px;opacity:.58;background:radial-gradient(ellipse at var(--glass-x,15%) var(--glass-y,0%),#ffffff70,transparent 60%),linear-gradient(130deg,#ffffff32,transparent 24%,transparent 70%,#ffffff20)}
.article-content-panel{background:linear-gradient(145deg,#4247532e,rgb(24 28 36 / calc(var(--glass-tint) + .38)));-webkit-backdrop-filter:blur(16px) saturate(145%);backdrop-filter:blur(16px) saturate(145%)}.article-content-panel .prose{color:#dadde5}.reading-toc{background:linear-gradient(135deg,#6c75842a,rgb(24 28 36 / calc(var(--glass-tint) + .2)))}
.liquid-control,.overview-buttons a{background:linear-gradient(160deg,#ffffff18,#bfc6cf09 50%,#ffffff0b);border-color:#ffffff28;box-shadow:inset 0 1px 1px #ffffff35,inset 0 -1px 1px #ffffff0a,0 5px 15px #0002;-webkit-backdrop-filter:blur(9px) saturate(175%);backdrop-filter:blur(9px) saturate(175%)}
.liquid-control:before{background:radial-gradient(ellipse at var(--glass-x,30%) var(--glass-y,0%),#ffffff30,transparent 68%);opacity:.6}.liquid-control:hover:before{opacity:1}.overview-buttons a{border-radius:100px}.button:not(.outline),.overview-buttons a.overview-primary,.filter.active{background:linear-gradient(150deg,#ff9d9f44,#d752652d);border-color:#ffb0b44a;color:#fff;box-shadow:inset 0 1px 0 #ffffff2f,0 5px 18px #ff696c0c}.filter{border-radius:100px;padding:9px 17px;min-height:40px}.filter.active:hover{background:#ff8b9540}
.overview-photo{background:linear-gradient(150deg,#ffffff0c,#ffffff03);border-color:#ffffff2a;box-shadow:inset 0 1px 0 #fff3,10px 18px 38px #0003}.overview-monogram{background:linear-gradient(145deg,#ffffff05,#1519220a)}.overview-sticker{border-radius:16px;background:#8c94a013}.overview-tape{opacity:.5}.overview-label{background:#ffffff05}.personal-overview{border-radius:32px}.post-card{border-radius:28px}.post-card:hover{background:linear-gradient(135deg,#ffffff0c,#272d3c23)}
.glass-optics{position:absolute!important;inset:0;border-radius:inherit;z-index:-2!important;pointer-events:none;overflow:hidden;opacity:.75;transform:translateZ(0);-webkit-backdrop-filter:blur(2px) saturate(160%);backdrop-filter:blur(2px) saturate(160%)}
@supports (backdrop-filter:url('#liquid-lens')){html[data-optics='yes'] .glass-optics{backdrop-filter:url('#liquid-lens') blur(1px) saturate(160%)}}
.glass-appearance{position:fixed;z-index:90;top:88px;right:max(24px,calc((100vw - 690px)/2));width:280px;padding:20px;border-radius:25px;color:#f3f4f8;background:#282e38c4;border:1px solid #ffffff25;box-shadow:inset 0 1px 0 #ffffff25,0 18px 50px #0005;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.glass-appearance h2{font-size:14px;margin:0 0 6px;font-weight:600}.glass-appearance p{color:#b7bfce;font-size:11px;line-height:1.8;margin:0 0 15px}.glass-mode{display:flex;padding:4px;border-radius:100px;background:#0002;border:1px solid #ffffff10;gap:4px}.glass-mode button{flex:1;border-radius:100px;padding:9px 13px;color:#b8bfcd;background:transparent;font-size:12px;border:1px solid transparent}.glass-mode button[aria-pressed='true']{color:white;background:linear-gradient(150deg,#ffffff28,#ffffff0c);border-color:#ffffff28;box-shadow:inset 0 1px 0 #fff3,0 3px 8px #0002}.glass-setting-label{display:block;color:#d4d9e2;font-size:11px;margin:17px 0 8px}.glass-appearance input[type='range']{width:100%;accent-color:#e2e8f2;height:20px}.glass-setting-hint{display:flex;justify-content:space-between;font-size:10px;color:#a9b0bd}.glass-appearance-close{position:absolute;top:12px;right:12px;width:28px;height:28px;background:#ffffff0b;border-radius:50%;color:#d7dce7;line-height:1;font-size:18px}.search-panel{top:88px;width:min(690px,calc(100% - 40px));left:50%;right:auto;transform:translateX(-50%);border-radius:28px;padding:25px;max-height:70svh;overflow:auto}.search-input{font-size:17px;border-radius:100px}.backtop{border:1px solid #ffffff30;width:44px;height:44px}.article-page .nav{z-index:80}
@media(max-width:700px){body{padding-bottom:100px}.nav{top:auto;bottom:max(16px,env(safe-area-inset-bottom));width:min(440px,calc(100% - 28px));height:62px;z-index:80;background:linear-gradient(165deg,#969eaf20,#272c3745 65%,#ffffff0d)}.nav-inner{padding:7px 8px;gap:3px;justify-content:space-between}.nav-links,.nav-links.open{display:flex;flex-direction:row;position:static;background:transparent;border:0;padding:0;gap:1px;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}.nav-links a{font-size:12px;min-height:44px;padding:8px 13px;white-space:nowrap}.nav-actions{gap:5px}.nav-actions .icon-button{width:42px;height:42px}.story-stage{height:100svh;top:0}.story-phase{padding-top:15px;padding-bottom:120px}.profile-phase{padding-top:20px;padding-bottom:110px}.personal-overview{max-height:calc(100svh - 140px);border-radius:27px;padding:29px 25px}.story-bottom{bottom:98px}.scroll-story{height:190svh}.backtop{bottom:100px;right:16px}.search-panel{top:auto;bottom:92px;border-radius:26px;width:calc(100% - 28px);max-height:65svh;padding:20px}.glass-appearance{top:auto;bottom:92px;right:14px;max-width:calc(100% - 28px)}.article-cover-banner{height:340px}.article-banner-title{padding:35px 25px}.page-top{padding-top:58px}.article-content-panel{border-radius:22px}.article-reading-layout{margin-bottom:35px}.footer{padding-bottom:12px}.overview-buttons a{padding:12px 8px}.liquid-panel:after{opacity:.5}}
@media(prefers-reduced-motion:reduce){.story-phase{padding-top:70px}.glass-optics{backdrop-filter:blur(5px)!important}.personal-overview{max-height:none}}

/* Fixed clear material and background-only convex magnification. */
:root,html[data-glass='tinted']{--glass-tint:.025;--glass-blur:0px;--glass-fill:linear-gradient(135deg,#ffffff04,#10151c04);--glass-shadow:inset 0 1px 0 #ffffff28,inset 0 -1px 0 #ffffff08,0 10px 32px #0002}
.nav{isolation:isolate;background:linear-gradient(160deg,#ffffff0c,#171c2408 55%,#ffffff05);-webkit-backdrop-filter:saturate(135%);backdrop-filter:saturate(135%)}
.liquid-panel,.personal-overview,.post-card,.archive-list,.reading-toc,.article-content-panel,.search-panel{background:var(--glass-fill);-webkit-backdrop-filter:saturate(125%);backdrop-filter:saturate(125%);border-color:#ffffff21;box-shadow:var(--glass-shadow)}
.liquid-control,.overview-buttons a,.nav-actions .icon-button{background:linear-gradient(160deg,#ffffff0e,#ffffff03);-webkit-backdrop-filter:none;backdrop-filter:none}
.article-content-panel .prose{color:#ebedf2;text-shadow:0 1px 3px #0004}.reading-toc nav>a,.card-excerpt,.overview-description{color:#d1d5df}.article-content-panel{background:#10151c08}.reading-toc{background:#10151c06}
.glass-magnifier{position:absolute!important;inset:0;z-index:-1!important;overflow:hidden;border-radius:inherit;pointer-events:none;contain:strict;opacity:.98;transform:translateZ(0)}
.glass-magnifier>img{position:absolute!important;display:block;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;pointer-events:none;will-change:auto;opacity:1!important}
.liquid-panel:before{background:radial-gradient(ellipse at var(--glass-x,15%) var(--glass-y,0%),#ffffff09,transparent 60%)}.liquid-panel:after{opacity:.54}.post-card:hover{background:var(--glass-fill)}
.overview-photo,.overview-monogram{background:linear-gradient(145deg,#ffffff05,#11151c02)}.overview-sticker{background:#ffffff05}.overview-buttons a.overview-primary,.button:not(.outline),.filter.active{background:linear-gradient(145deg,#ffacb020,#e7647c16);border-color:#ffbfc43d}
.scene-background img{filter:brightness(var(--bg-brightness,.8))!important}.article-page .scene-background img,body:not(.home-page) .scene-background img{filter:brightness(.38)!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.liquid-panel,.article-content-panel,.personal-overview,.reading-toc,.search-panel{background:#151a2320}.nav{background:#151a2310}}
@media(max-width:700px){.nav{background:linear-gradient(165deg,#ffffff0e,#171d2708 65%,#ffffff05)}.article-content-panel{background:#151a2306}}

/* A light mist over the clear lens; content remains sharp. */
:root,html[data-glass='tinted']{--glass-fill:linear-gradient(135deg,#e4edff0c,#c9d7ef06 55%,#ffffff08);--glass-blur:4px}
.liquid-panel,.personal-overview,.post-card,.archive-list,.reading-toc,.article-content-panel,.search-panel{background:var(--glass-fill);-webkit-backdrop-filter:blur(4px) saturate(125%);backdrop-filter:blur(4px) saturate(125%)}
.nav{background:linear-gradient(160deg,#edf3ff14,#c1cde209 55%,#ffffff0c);-webkit-backdrop-filter:blur(5px) saturate(130%);backdrop-filter:blur(5px) saturate(130%)}
.glass-magnifier{opacity:.91}.liquid-panel:before{background:radial-gradient(ellipse at var(--glass-x,15%) var(--glass-y,0%),#edf4ff13,transparent 65%),linear-gradient(140deg,#ffffff04,#cedbfa03)}
.liquid-control,.overview-buttons a,.nav-actions .icon-button{background:linear-gradient(160deg,#f3f6ff17,#d5def007);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.overview-photo{background:linear-gradient(145deg,#e8eeff0b,#d7e2fa04);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
@media(max-width:700px){.nav{background:linear-gradient(165deg,#eff4ff16,#ccd7ed0b 65%,#ffffff0c)}.article-content-panel{background:var(--glass-fill)}}