/* P3nd1ng Journal · three palettes, one reading rhythm. */
:root{color-scheme:light;--paper:#f6f7f2;--card:#fff;--ink:#283e36;--muted:#68786e;--line:#e0e7df;--accent:#43644e;--soft:#ecf0e8;--shadow:0 16px 44px #253e3010;--radius:22px;--wallpaper:url('/img/wallpapers/adventure.png');--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--serif:Georgia,"Songti SC","SimSun",serif}
:root[data-theme="forest"]{--paper:#e9eee5;--card:#f5f7ee;--ink:#284338;--muted:#586e5c;--line:#d2ddcb;--accent:#416347;--soft:#dee7d5}
:root[data-theme="dark"]{color-scheme:dark;--paper:#161f1e;--card:#202b28;--ink:#e6ebe2;--muted:#b0bdb1;--line:#35433c;--accent:#bdcfa5;--soft:#2c3931;--shadow:0 16px 44px #0002}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 var(--sans);transition:background .3s,color .3s}body:has(dialog[open]){overflow:hidden}button,input,select{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:0;background:none}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a7bf83;outline-offset:5px}button:hover,a:hover{color:var(--accent)}svg.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:var(--card);transition:transform .2s,background .2s}.icon-button:hover{transform:translateY(-2px);background:var(--soft)}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--card);padding:10px 20px}.skip-link:focus{top:10px}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.23em;text-transform:uppercase}.muted{color:var(--muted)}.serif{font-family:var(--serif)}.pill{border-radius:99px;padding:5px 13px;background:var(--soft);font-size:11px;color:var(--accent)}[hidden]{display:none!important}
.site-header{height:88px;position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;gap:24px;color:#fff}.brand{display:flex;align-items:center;gap:12px;line-height:1.2}.brand-mark{font:italic 32px var(--serif);border:1px solid currentColor;border-radius:50%;width:43px;height:43px;text-align:center;padding-right:4px}.brand-name{font-family:var(--serif);font-size:22px;letter-spacing:.02em}.brand small{display:block;font:9px var(--sans);letter-spacing:.22em;margin-top:7px;opacity:.75}.header-right,.desktop-nav,.header-tools{display:flex;align-items:center;gap:30px}.desktop-nav a{font-size:13px;position:relative}.desktop-nav a::after{position:absolute;content:"";bottom:-7px;left:0;height:1px;width:0;background:currentColor;transition:width .2s}.desktop-nav a:hover::after,.desktop-nav a[aria-current="page"]::after{width:100%}.header-tools{gap:8px;border-left:1px solid #ffffff40;padding-left:24px}.site-header .icon-button{background:transparent;color:inherit;border-color:#ffffff40}.site-header a:hover,.site-header button:hover{color:#e0e8cc}.inner-page .site-header{position:relative;color:var(--ink);border-bottom:1px solid var(--line)}.inner-page .header-tools{border-color:var(--line)}.inner-page .icon-button{border-color:var(--line)}.inner-page .site-header a:hover,.inner-page .site-header button:hover{color:var(--accent)}.menu-toggle{display:none}
.hero{min-height:680px;height:100svh;position:relative;isolation:isolate;background:#334e4a;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:linear-gradient(180deg,#12272c50 0%,#16312c21 30%,#0b252950 65%,#10292db3 100%),var(--wallpaper);background-size:cover;background-position:center;z-index:-2;animation:hero-settle 1.5s ease-out both;transition:background-image .6s}.hero::after{content:"";position:absolute;inset:22px;border:1px solid #ffffff24;pointer-events:none;z-index:-1}.hero-content{padding:60px 24px 100px;animation:rise-in .9s .15s both}.hero .eyebrow{color:#f0f3e4;display:flex;align-items:center;gap:18px;justify-content:center}.hero .eyebrow::before,.hero .eyebrow::after{content:"";width:35px;height:1px;background:#ffffff75}.hero h1{font:400 clamp(44px,5.2vw,78px)/1.5 var(--serif);letter-spacing:.16em;margin:24px 0 18px;text-shadow:0 3px 25px #10232940}.hero h1 em{font-style:normal;display:block;padding-left:.16em}.hero-description{font-size:14px;letter-spacing:.13em;margin:0 0 34px;color:#f5f8ef}.enter-button{display:inline-flex;align-items:center;gap:28px;padding:13px 24px 13px 29px;border:1px solid #fff6;border-radius:50px;background:#ffffff18;backdrop-filter:blur(8px);font-size:13px;letter-spacing:.12em;transition:background .25s,transform .25s}.hero .enter-button:hover{background:#fff;color:#29453a;transform:translateY(-3px)}.hero-bottom{position:absolute;left:4.2%;right:4.2%;bottom:96px;display:flex;justify-content:space-between;align-items:end;text-align:left}.wallpaper-caption{font-size:12px;letter-spacing:.1em;display:flex;gap:13px;align-items:center}.wallpaper-caption::before{content:"";width:30px;height:1px;background:#fff9}.hero-bottom small{display:block;color:#d3dfd6;font-size:9px;letter-spacing:.18em;margin-top:5px}.hero-scroll{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.25em;display:flex;align-items:center;flex-direction:column;gap:12px;color:#fff}.hero-scroll span{width:1px;height:29px;background:#ffffff80;animation:scroll-line 2s ease-in-out infinite}.wallpaper-step{display:flex;align-items:center;gap:14px;font-size:10px}.wallpaper-step .icon-button{background:#fff1;border-color:#fff5;color:#fff}.hero a:hover,.hero button:hover{color:#fff}
.journal{max-width:1260px;margin:auto;padding:85px 42px 72px;scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}.section-heading .eyebrow{color:var(--muted)}.section-heading h2{font:400 clamp(29px,3vw,40px)/1.5 var(--serif);margin:11px 0 0;letter-spacing:.1em}.section-heading p{font-size:13px;color:var(--muted);margin:0}.journal-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:28px}.feed-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px;min-height:45px}.tab-current{font-size:13px;border-bottom:2px solid var(--accent);padding-bottom:9px}.tab-current span{font-size:10px;opacity:.65;margin-left:10px}.search-box{display:flex;gap:8px;align-items:center;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:30px;padding:8px 15px;max-width:220px}.search-box .icon{width:16px}.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.article-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s;display:block}.article-card:hover{color:var(--ink);transform:translateY(-5px);box-shadow:0 20px 45px #253e3020}.article-cover{height:290px;overflow:hidden;position:relative;background:var(--soft)}.article-cover img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.article-card:hover .article-cover img{transform:scale(1.04)}.article-cover .pill{position:absolute;top:19px;left:20px;background:#ffffffeb;color:#34523b}.article-card-body{padding:27px 31px}.article-meta{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:11px;letter-spacing:.04em}.article-card h3{font:400 32px/1.2 var(--serif);margin:16px 0}.article-excerpt{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 25px;max-width:580px}.article-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:19px;border-top:1px solid var(--line);font-size:11px}.article-card-footer span:last-child{display:flex;gap:12px;align-items:center}.feed-end{display:flex;gap:15px;justify-content:center;align-items:center;color:var(--muted);font-size:11px;letter-spacing:.08em;margin-top:35px}.feed-end::before,.feed-end::after{content:"";width:35px;height:1px;background:var(--line)}.empty-state{text-align:center;padding:60px 20px;background:var(--card);border:1px dashed var(--line);border-radius:var(--radius)}.empty-state button{font-size:13px;text-decoration:underline}.sidebar{display:flex;flex-direction:column;gap:20px;padding-top:65px}.profile-card,.little-card{padding:27px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.profile-card{text-align:center}.profile-avatar{width:72px;height:72px;margin:0 auto 15px;object-fit:cover;border-radius:50%;border:5px solid var(--soft)}.profile-card h3{font:25px var(--serif);margin:10px 0}.profile-card p{font-size:12px;color:var(--muted);margin:8px 0 23px}.profile-stats{display:flex;justify-content:center;gap:28px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-stats strong{font:21px var(--serif);display:block}.profile-stats span{font-size:10px;color:var(--muted)}.profile-link{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:20px;font-size:12px}.little-card h3{font-size:13px;font-weight:500;margin:0 0 12px;display:flex;justify-content:space-between}.little-card p{color:var(--muted);font-size:12px;margin:0}.sidebar-music{display:flex;align-items:center;gap:14px;margin-top:17px}.vinyl{background:repeating-radial-gradient(circle,#303d36 0 2px,#1d2924 3px 4px);width:44px;height:44px;flex-shrink:0;border-radius:50%;position:relative}.vinyl::after{content:"";position:absolute;inset:14px;background:#b5c49a;border:4px solid #e6ead8;border-radius:50%}.sidebar-music span{font-size:11px;color:var(--muted)}.sidebar-music button{margin-left:auto}.note-card{background:var(--soft);padding:27px;border-radius:var(--radius);font:18px/1.9 var(--serif)}.note-card small{display:block;font:9px var(--sans);letter-spacing:.16em;margin-top:17px;color:var(--muted)}.about-strip{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:40px 0 0;margin-top:55px;border-top:1px solid var(--line)}.about-strip h2{font:26px var(--serif);margin:0 0 12px}.about-strip p{max-width:570px;font-size:13px;color:var(--muted);margin:0}.about-strip>a{display:flex;gap:18px;align-items:center;font-size:12px;white-space:nowrap}.site-footer{max-width:1176px;margin:auto;padding:28px 0 100px;display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;color:var(--muted);letter-spacing:.04em}.site-footer a{text-decoration:underline;text-underline-offset:3px}
dialog{color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:26px;padding:30px;width:min(480px,calc(100% - 32px));max-height:calc(100svh - 48px);box-shadow:0 25px 100px #0004;overscroll-behavior:contain}dialog::backdrop{background:#142b2866;backdrop-filter:blur(7px)}dialog[open]{animation:rise-in .25s both}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-heading h2{font:27px var(--serif);margin:0}.dialog-subtitle{color:var(--muted);font-size:12px;margin:10px 0 27px}.control-title{font-size:12px;margin:23px 0 12px}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.theme-choice{border:1px solid var(--line);background:var(--paper);padding:15px 6px 10px;border-radius:14px;display:flex;align-items:center;flex-direction:column;gap:8px;font-size:11px}.theme-choice::before{content:"";width:25px;height:25px;border-radius:50%;background:var(--swatch);border:1px solid #7774}.theme-choice[aria-pressed="true"],.wallpaper-choice[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:2px}.wallpaper-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.wallpaper-choice{border-radius:12px;overflow:hidden;padding:0;position:relative;height:85px}.wallpaper-choice img{height:100%;width:100%;object-fit:cover}.wallpaper-choice span{position:absolute;inset:auto 0 0;background:#10271fcc;color:#fff;font-size:10px;padding:3px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;font-size:12px}.setting-row input{accent-color:var(--accent);width:19px;height:19px}.reset-button{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding:0;margin-top:22px}.wallpaper-note{font-size:10px;color:var(--muted);margin:12px 0}.music-art{height:145px;background:linear-gradient(#18302740,#18302740),url('/img/wallpapers/alpine.jpg') center 60%/cover;border-radius:16px;margin:24px 0 18px;display:flex;align-items:center;justify-content:center}.music-art .vinyl{width:96px;height:96px;box-shadow:0 4px 24px #0004}.music-art .vinyl::after{inset:34px;border-width:8px}.is-playing .vinyl{animation:rotate-record 9s linear infinite}.track-title{font:25px var(--serif);margin:10px 0 3px}.track-credit{color:var(--muted);font-size:11px}.music-seek{width:100%;accent-color:var(--accent);margin:23px 0 0}.time-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.player-controls{display:flex;align-items:center;justify-content:center;gap:23px;margin:20px 0}.play-main{width:57px;height:57px;background:var(--accent);color:var(--card)}.play-main:hover{background:var(--ink);color:var(--card)}.volume-row{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.volume-row input{min-width:0;width:100%;accent-color:var(--accent)}.track-select{display:flex;align-items:center;gap:14px;margin-top:23px}.track-select select{width:100%;min-width:0;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:10px;color:var(--ink);font-size:12px}.audio-status{font-size:11px;min-height:20px;margin-top:14px;color:var(--muted)}.mini-player{position:fixed;bottom:22px;left:25px;z-index:15;display:flex;align-items:center;gap:12px;padding:9px 12px 9px 9px;border:1px solid var(--line);border-radius:50px;background:var(--card);box-shadow:var(--shadow)}.mini-player .vinyl{width:34px;height:34px}.mini-player .vinyl::after{inset:11px;border-width:3px}.mini-player-name{font-size:11px;line-height:1.5;text-align:left;padding:0}.mini-player-name small{display:block;font-size:9px;color:var(--muted)}.mini-player .icon-button{border:0;background:var(--soft);width:34px;height:34px}.mini-player-close{font-size:16px;padding:0 5px;color:var(--muted)}.pet-wrap{position:fixed;bottom:21px;right:30px;z-index:14;display:flex;flex-direction:column;align-items:end;gap:12px;pointer-events:none}.pet-message{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);padding:11px 17px;border-radius:16px 16px 2px 16px;max-width:220px;font-size:11px;pointer-events:auto}.pet-button{width:75px;height:75px;padding:12px 7px 0;pointer-events:auto;position:relative;animation:pet-bob 4s ease-in-out infinite}.pet-body{position:relative;display:block;width:61px;height:53px;border-radius:48% 48% 42% 42%;background:#f8f9ed;border:1px solid #c5ceba;box-shadow:0 8px 10px #142b2922}.pet-body::before,.pet-body::after{content:"";position:absolute;background:#f8f9ed;border:1px solid #c5ceba;width:16px;height:23px;top:-13px;border-radius:70% 70% 20% 20%;z-index:-1}.pet-body::before{left:3px;transform:rotate(-23deg)}.pet-body::after{right:3px;transform:rotate(23deg)}.pet-face{display:block;position:absolute;top:21px;left:14px;width:32px;height:17px;transform:translate(var(--eye-x,0px),var(--eye-y,0px));transition:transform .15s}.pet-eyes{position:absolute;left:3px;top:0;width:4px;height:6px;background:#374e3e;border-radius:50%;box-shadow:23px 0 #374e3e}.pet-mouth{position:absolute;top:8px;left:13px;width:8px;height:4px;border:1px solid #374e3e;border-top:0;border-radius:0 0 10px 10px}.pet-blush{position:absolute;top:6px;left:0;width:8px;height:4px;background:#e9c1ad;border-radius:50%;box-shadow:25px 0 #e9c1ad}.pet-leaf{position:absolute;top:-18px;left:25px;width:13px;height:20px;background:#8caa72;border-radius:1px 13px 1px 13px;transform:rotate(18deg)}.pet-button:hover{animation:pet-wave .4s}.back-top{position:fixed;right:43px;bottom:114px;z-index:12;box-shadow:var(--shadow)}.toast{position:fixed;left:50%;bottom:35px;transform:translateX(-50%);padding:11px 20px;background:var(--ink);color:var(--card);border-radius:30px;z-index:40;font-size:12px;box-shadow:var(--shadow)}
.page-container{max-width:1120px;margin:auto;padding:55px 42px 80px}.breadcrumbs{font-size:11px;display:flex;gap:13px;color:var(--muted);margin-bottom:35px}.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:42px}.post-header .eyebrow{color:var(--muted)}.post-header h1{font:400 clamp(38px,6vw,60px)/1.2 var(--serif);margin:20px 0}.post-header .article-meta{margin-bottom:32px}.post-banner{width:100%;height:245px;object-fit:cover;border-radius:var(--radius);margin-bottom:35px}.post-content{font-size:15px;line-height:1.9;overflow-wrap:anywhere}.post-content a,.copyright-box a{text-decoration:underline;text-underline-offset:3px}.post-content h2{font:30px var(--serif);margin:40px 0 20px}.post-content h3{font-size:19px;margin:30px 0 16px}.post-content figure{margin:18px 0;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:14px 17px;overflow:auto}.post-content pre{margin:0;font:13px/1.6 Consolas,monospace}.post-content .gutter{opacity:.4;padding-right:18px}.post-content table{border-collapse:collapse}.copyright-box{background:var(--soft);padding:23px;border-radius:16px;font-size:11px;color:var(--muted);margin:40px 0;overflow-wrap:anywhere}.post-navigation{border-top:1px solid var(--line);padding-top:24px;font-size:13px;display:flex;gap:15px;align-items:center}.toc-panel{position:sticky;top:35px;height:fit-content;border-left:1px solid var(--line);padding-left:23px;font-size:12px;margin-top:55px}.toc-panel h2{font-size:13px;font-weight:500}.toc-panel ol{list-style:none;padding:0;margin:10px 0}.toc-panel ol ol{padding-left:12px}.toc-panel li{margin:10px 0}.toc-number{display:none}.toc-panel a{color:var(--muted)}.toc-panel a:hover{color:var(--accent)}.archive-heading h1,.about-heading h1{font:44px var(--serif);margin:14px 0}.archive-heading>p,.about-heading>p{color:var(--muted);font-size:13px}.archive-year{font:32px var(--serif);margin:50px 0 25px}.archive-entry{display:flex;align-items:center;gap:28px;padding:25px 0;border-top:1px solid var(--line)}.archive-entry time{font-size:12px;color:var(--muted)}.archive-entry h2{font:26px var(--serif);flex:1;margin:0}.about-card{display:flex;gap:35px;align-items:center;border:1px solid var(--line);background:var(--card);padding:35px;border-radius:var(--radius);margin-top:35px}.about-card img{width:110px;height:110px;object-fit:cover;border-radius:50%}.about-card h2{font:30px var(--serif);margin:0 0 12px}.about-card p{color:var(--muted);font-size:13px}.about-details{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.about-details h2{font:23px var(--serif)}.about-details p{font-size:13px;color:var(--muted)}.about-details a{text-decoration:underline}
@keyframes hero-settle{from{transform:scale(1.035)}to{transform:scale(1)}}@keyframes rise-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll-line{50%{transform:scaleY(.6);transform-origin:top;opacity:.4}}@keyframes rotate-record{to{transform:rotate(360deg)}}@keyframes pet-bob{50%{transform:translateY(-5px)}}@keyframes pet-wave{25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}
@media(min-width:1700px){.hero h1{font-size:86px}.hero-description{font-size:16px}}
@media(max-width:900px){.journal-layout{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.journal{padding:65px 28px}.site-footer{margin:0 28px}.profile-card,.little-card,.note-card{padding:22px}.header-right,.desktop-nav{gap:20px}.post-layout{grid-template-columns:minmax(0,1fr)}.toc-panel{position:static;margin:0;grid-row:1;font-size:12px}.toc-panel ol ol{display:none}.toc-panel h2{margin-top:0}.toc-panel ol{display:flex;flex-wrap:wrap;gap:10px;margin:0}.toc-panel li{margin:0}.toc-panel{padding:15px;border:1px solid var(--line);border-radius:12px}}
@media(max-width:680px){.site-header{height:78px;padding:0 24px;gap:12px}.brand-mark{width:36px;height:36px;font-size:27px}.brand-name{font-size:19px}.brand small{font-size:8px}.header-right{gap:0}.header-tools{padding-left:0;border:0;gap:5px}.header-tools .icon-button{width:38px;height:38px}.theme-shortcut{display:none!important}.menu-toggle{display:inline-flex}.desktop-nav{display:none;position:absolute;top:76px;left:18px;right:18px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:17px;padding:18px 25px;box-shadow:var(--shadow)}.desktop-nav.is-open{display:flex;justify-content:space-between}.site-header .desktop-nav a:hover{color:var(--accent)}.hero{min-height:600px}.hero::after{inset:12px}.hero h1{font-size:43px;letter-spacing:.12em;margin:25px 0}.hero .eyebrow{font-size:8px;letter-spacing:.18em;gap:10px}.hero .eyebrow::before,.hero .eyebrow::after{width:20px}.hero-content{padding:55px 25px 115px}.hero-description{font-size:11px;letter-spacing:.06em;line-height:2}.hero-bottom{left:28px;right:28px;bottom:100px}.wallpaper-caption{font-size:10px;gap:8px}.wallpaper-caption::before{width:14px}.hero-bottom small{font-size:8px;letter-spacing:.06em}.wallpaper-step{gap:9px;font-size:9px}.wallpaper-step .icon-button{width:34px;height:34px}.hero-scroll{bottom:30px;font-size:8px}.hero-scroll span{height:20px}.journal{padding:48px 21px 45px}.section-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:25px}.section-heading h2{font-size:29px}.section-heading p{font-size:12px}.journal-layout{display:flex;flex-direction:column;gap:22px}.feed-toolbar{gap:10px}.tab-current{font-size:12px;white-space:nowrap}.search-box{max-width:170px;padding:7px 10px}.article-cover{height:215px}.article-card-body{padding:23px}.article-card h3{font-size:29px}.article-excerpt{font-size:12px}.sidebar{display:grid;grid-template-columns:1fr;padding-top:15px;gap:17px}.profile-card{display:grid;grid-template-columns:55px 1fr;column-gap:17px;text-align:left;align-items:center;padding:23px}.profile-avatar{width:55px;height:55px;grid-row:1/3;margin:0}.profile-card h3{font-size:23px;margin:0}.profile-card p{margin:2px 0 0}.profile-stats{grid-column:1/-1;margin-top:20px;justify-content:space-around;text-align:center;padding:12px}.profile-link{grid-column:1/-1;margin-top:15px}.sidebar .little-card,.sidebar .note-card{display:none}.about-strip{margin-top:30px;padding-top:30px;align-items:start;flex-direction:column;gap:20px}.about-strip h2{font-size:24px}.site-footer{margin:0 21px;flex-direction:column;gap:7px;padding-bottom:110px}.pet-wrap{right:17px;bottom:16px}.pet-button{transform:scale(.85);transform-origin:bottom right}.pet-message{max-width:180px;font-size:10px}.mini-player{left:15px;bottom:18px;max-width:calc(100% - 110px);gap:8px}.mini-player-name{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-top{right:28px;bottom:100px;width:36px;height:36px}.toast{bottom:100px;max-width:calc(100% - 35px);width:max-content;text-align:center}.page-container{padding:32px 23px 55px}.breadcrumbs{margin-bottom:28px}.post-banner{height:190px}.post-content{font-size:14px}.post-header h1{font-size:45px}.post-layout{gap:26px}.archive-heading h1,.about-heading h1{font-size:36px}.archive-entry{gap:18px}.archive-entry h2{font-size:24px}.about-card{align-items:start;flex-direction:column;gap:20px;padding:27px}.about-card img{width:80px;height:80px}.about-details{grid-template-columns:1fr;gap:0}dialog{padding:24px}.dialog-heading h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
html[data-motion="off"]{scroll-behavior:auto}html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation:none!important;transition:none!important}

/* The article list: panoramic masthead, left profile, alternating horizontal cards.
   Layout reference: user-supplied blog screenshot, 2026-10-25. */
.blog-page{isolation:isolate;background:var(--paper)}.blog-page::before,.blog-page::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2}.blog-page::before{background:var(--wallpaper) center/cover no-repeat}.blog-page::after{z-index:-1;background:linear-gradient(110deg,#f8f9f4ed 8%,#e9efe5cf 48%,#b7c6b9b3)}[data-theme="forest"] .blog-page::after{background:linear-gradient(110deg,#eaf1e3f0,#d5e2cfbb 55%,#55705bb3)}[data-theme="dark"] .blog-page::after{background:linear-gradient(110deg,#15221bdd,#0c1719b8 55%,#0c1719e3)}
.blog-page .site-header{height:70px;position:sticky;top:0;background:color-mix(in srgb,var(--card) 80%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);box-shadow:0 3px 15px #142a2510}.blog-page .brand-mark{width:35px;height:35px;font-size:27px}.blog-page .brand-name{font-size:20px}.blog-page .brand small{font-size:8px;margin-top:5px}.blog-banner{height:295px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(0deg,#15292780,#15292740),var(--wallpaper);background-size:cover;background-position:center 44%;padding:25px 25px 70px}.blog-banner h1{font:400 clamp(30px,4vw,46px)/1.3 var(--serif);letter-spacing:.025em;margin:15px 0 12px;text-shadow:0 2px 15px #0003}.blog-banner p{font-size:12px;letter-spacing:.1em;color:#f5f6ed;margin:0}.blog-banner .eyebrow{font-size:9px;letter-spacing:.25em;color:#ecf2e3}.blog-content{position:relative;display:grid;grid-template-columns:245px minmax(0,1fr);gap:27px;max-width:1200px;margin:-48px auto 75px;padding:0 32px;align-items:start;min-height:450px;scroll-margin-top:92px}.blog-sidebar{position:sticky;top:94px;display:flex;flex-direction:column;gap:20px}.blog-sidebar .profile-card,.blog-sidebar .little-card{background:color-mix(in srgb,var(--card) 90%,transparent);backdrop-filter:blur(18px);border-radius:16px;box-shadow:var(--shadow);padding:28px 22px}.blog-sidebar .profile-avatar{width:82px;height:82px;border-width:4px;margin-bottom:18px}.blog-sidebar .profile-card h2{font:26px var(--serif);margin:0 0 8px}.blog-sidebar .profile-card p{margin:0 0 22px}.blog-sidebar .profile-stats{gap:30px;padding:15px 0}.blog-sidebar .profile-stats strong{font-size:22px}.profile-nav{display:flex;flex-direction:column;gap:9px;margin-top:25px}.profile-nav a,.profile-nav button{display:flex;align-items:center;gap:13px;text-align:left;padding:11px 15px;border:1px solid var(--line);border-radius:9px;font-size:12px;transition:background .2s,transform .2s}.profile-nav a>span:last-child,.profile-nav button>span:last-child{margin-left:auto;font-size:10px;opacity:.65}.profile-nav .active{background:var(--accent);border-color:var(--accent);color:var(--card);box-shadow:0 3px 10px #182e2020}.profile-nav a:hover,.profile-nav button:hover{background:var(--soft);color:var(--accent);transform:translateX(2px)}.profile-nav .icon{width:17px;height:17px}.blog-main{min-width:0;padding-top:14px}.blog-welcome{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#fff;font-size:11px;padding:0 3px 19px}.blog-welcome .eyebrow{font-size:9px;letter-spacing:.2em}.blog-feed .feed-toolbar{background:color-mix(in srgb,var(--card) 88%,transparent);border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(18px);padding:9px 17px;margin:0 0 20px;min-height:57px}.blog-feed .tab-current{padding-bottom:0;border-bottom:0;color:var(--accent)}.blog-feed .search-box{background:transparent;border-color:var(--line);padding:5px 10px;max-width:200px}.blog-feed .article-card{display:flex;flex-direction:row;min-height:225px;margin-bottom:24px;background:color-mix(in srgb,var(--card) 90%,transparent);backdrop-filter:blur(18px);border-radius:15px;box-shadow:var(--shadow)}.blog-feed .article-cover{width:40%;height:auto;min-height:225px;flex-shrink:0}.blog-feed .article-cover img{position:absolute;inset:0;width:100%;height:100%}.blog-feed .article-cover .pill{font-size:9px;top:14px;left:14px;padding:3px 10px;z-index:1}.blog-feed .article-card-body{padding:25px;display:flex;flex-direction:column;flex:1;min-width:0}.blog-feed .article-meta{font-size:10px;gap:10px}.blog-feed .article-card h3{font-size:27px;margin:15px 0 12px}.blog-feed .article-excerpt{font-size:12px;line-height:1.9;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-feed .article-card-footer{margin-top:auto;font-size:10px;padding-top:14px}.blog-feed .article-card-footer .icon{width:16px;height:16px}.blog-feed .article-card:nth-of-type(even) .article-cover{order:2}.next-story{padding:34px 25px 38px;border:1px dashed color-mix(in srgb,var(--accent) 32%,transparent);background:color-mix(in srgb,var(--card) 70%,transparent);border-radius:15px;text-align:center;backdrop-filter:blur(18px);margin-top:25px}.next-story .eyebrow{font-size:9px;color:var(--muted)}.next-story h2{font:24px var(--serif);letter-spacing:.08em;margin:12px 0}.next-story p{font-size:11px;color:var(--muted);margin:0}.blog-feed .empty-state{background:color-mix(in srgb,var(--card) 86%,transparent);backdrop-filter:blur(18px)}.blog-page .site-footer{background:color-mix(in srgb,var(--paper) 76%,transparent);max-width:1136px;border-radius:15px 15px 0 0;padding:23px 25px 100px;backdrop-filter:blur(18px)}
@media(min-width:1500px){.blog-banner{height:340px}.blog-content{margin-top:-55px;max-width:1270px;grid-template-columns:260px minmax(0,1fr);gap:30px}.blog-feed .article-cover{min-height:245px}.blog-feed .article-card-body{padding:30px}}
@media(max-width:1000px) and (min-width:681px){.blog-content{grid-template-columns:210px minmax(0,1fr);gap:19px;padding:0 25px}.blog-sidebar .profile-card,.blog-sidebar .little-card{padding:24px 17px}.blog-feed .article-cover{width:36%;height:auto;min-height:245px}.blog-feed .article-card:nth-of-type(even) .article-cover{order:0}.blog-feed .article-card-body{padding:20px}.blog-feed .article-card h3{font-size:25px}.blog-welcome>span:last-child{display:none}.blog-feed .search-box{max-width:155px}.blog-feed .feed-toolbar{gap:10px;padding:9px 13px}}
@media(max-width:680px){.blog-page .site-header{height:70px}.blog-banner{height:245px;padding-bottom:60px}.blog-banner h1{font-size:31px}.blog-banner p{font-size:10px}.blog-content{display:flex;flex-direction:column;padding:0 20px;gap:17px;margin-top:-36px;margin-bottom:45px}.blog-sidebar{position:static;width:100%}.blog-sidebar .profile-card{display:grid;grid-template-columns:53px minmax(0,1fr) auto;gap:0 14px;text-align:left;padding:19px 20px;border-radius:15px}.blog-sidebar .profile-avatar{width:53px;height:53px;grid-row:1/3;margin:0;border-width:3px}.blog-sidebar .profile-card h2{font-size:23px;margin:0;align-self:end}.blog-sidebar .profile-card p{font-size:10px;margin:3px 0 0;grid-column:2}.blog-sidebar .profile-stats{grid-column:3;grid-row:1/3;margin:0;padding:0;border:0;display:block;text-align:center}.blog-sidebar .profile-stats>div{display:none}.blog-sidebar .profile-stats strong{font-size:23px}.blog-sidebar .profile-stats span{font-size:9px}.blog-sidebar .profile-link{display:none}.profile-nav{grid-column:1/-1;margin-top:17px;padding-top:15px;border-top:1px solid var(--line);flex-direction:row;gap:0;justify-content:space-between}.profile-nav a,.profile-nav button{padding:3px 0;background:none!important;box-shadow:none;border:0;font-size:11px;gap:5px;white-space:nowrap}.profile-nav .active{color:var(--accent)}.profile-nav .icon{width:13px;height:13px}.profile-nav a>span:last-child,.profile-nav button>span:last-child{display:none}.blog-sidebar .sidebar-audio{display:none}.blog-main{width:100%;padding-top:4px}.blog-welcome{color:var(--muted);font-size:9px;padding-bottom:13px}.blog-welcome .eyebrow{font-size:8px}.blog-feed .feed-toolbar{padding:9px 14px;margin-bottom:17px}.blog-feed .article-card{flex-direction:column;margin-bottom:18px}.blog-feed .article-cover{width:100%;height:195px;min-height:195px}.blog-feed .article-card:nth-of-type(even) .article-cover{order:0}.blog-feed .article-card-body{padding:23px}.blog-feed .search-box{max-width:160px}.next-story{padding:28px 20px;margin-top:20px}.next-story h2{font-size:23px}.blog-page .site-footer{margin:0 20px;padding:22px 20px 105px}}
@media(max-width:360px){.site-header{padding:0 18px}.brand{gap:8px}.brand-name{font-size:17px}.brand small{font-size:6px;letter-spacing:.13em}.brand-mark{width:31px;height:31px;font-size:23px}.header-tools .icon-button{width:32px;height:36px}.header-tools{gap:3px}.hero h1{font-size:37px}.hero-bottom small{font-size:6px}.wallpaper-step{gap:6px}.blog-page .brand-name{font-size:17px}.blog-page .brand small{font-size:6px}.blog-page .brand-mark{width:31px;height:31px;font-size:23px}.blog-banner h1{font-size:27px}.blog-content{padding:0 14px}.blog-sidebar .profile-card{padding:17px 15px;column-gap:10px}.profile-nav a,.profile-nav button{font-size:10px;gap:3px}.blog-feed .search-box{max-width:130px}.blog-feed .feed-toolbar{padding:9px 12px}.blog-feed .article-card-body{padding:20px}.blog-welcome>span:last-child{font-size:8px}}
/* Keep mixed letters and digits aligned in the site name. */
.site-header .brand-name{display:block;font-family:"Segoe UI",var(--sans);font-size:21px;font-weight:600;line-height:1;font-variant-numeric:lining-nums;white-space:nowrap}
.site-header img.brand-mark{display:block;object-fit:cover;object-position:center;padding:0;flex-shrink:0}
@media(max-width:360px){.site-header .brand-name{font-size:17px}}

/* Enlarge only the profile-card avatar. */
.blog-sidebar .profile-avatar{width:110px;height:110px}
@media(max-width:680px){.blog-sidebar .profile-card{grid-template-columns:72px minmax(0,1fr) auto}.blog-sidebar .profile-avatar{width:72px;height:72px}}
.article-card{position:relative}.pin-badge{position:absolute;z-index:1;top:14px;right:14px;padding:5px 11px;border-radius:999px;background:#f6f4eb;color:#344c42;font-size:11px;line-height:1.4;box-shadow:0 3px 12px #0002}