/*
Theme Name: Umaru.log
Theme URI: https://github.com/sniperrich/wp_umaru
Author: Umaru.log
Author URI: https://github.com/sniperrich
Description: 暖橙玻璃质感的小埋博客主题。支持真实文章分页、目录、相关推荐、评论、亮暗圆形切换与自定义外观。
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v3.0 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: wp-umaru
Tags: blog, two-columns, left-sidebar, custom-menu, custom-logo, featured-images, threaded-comments
*/
:root{--orange:#ff4b16;--ink:#372c27;--muted:#746c66;--glass:rgba(255,247,242,.57);--panel-line:rgba(255,255,255,.66)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--ink);font-family:"Arial","PingFang SC","Microsoft YaHei",sans-serif;background:#f89775;font-weight:400}button,input{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}svg{display:block}.svg-sprite{position:absolute;overflow:hidden}button:focus-visible,a:focus-visible{outline:2px solid #ff5b26;outline-offset:3px}
.wallpaper{position:fixed;inset:0;z-index:-4;background:url('assets/wallpaper-v4.png') center top/cover no-repeat}.wallpaper-wash{display:none}
.glass{background:var(--glass);border:1px solid var(--panel-line);box-shadow:inset 0 1px 1px #ffffff40,0 3px 12px #d96b4720;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.topbar{width:1222px;height:67px;margin:61px 0 0 calc((100% - 1240px)/2);padding:0 25px 0 40px;border-radius:6px;display:flex;align-items:center;position:relative;z-index:50}
.brand{display:flex;align-items:center;gap:11px;flex:0 0 250px}.brand-mark{width:49px;height:47px;display:block}.brand-mark img{width:49px;height:47px;object-fit:contain}.brand-name,.profile-card h1{font-family:"Chalkboard SE","Comic Sans MS",sans-serif;font-weight:700;color:#ff4815;letter-spacing:-.5px}.brand-name{font-size:27px;line-height:1;white-space:nowrap}
.desktop-nav{display:flex;align-items:center;gap:32px;white-space:nowrap}.desktop-nav a{display:flex;align-items:center;gap:8px;height:65px;position:relative;font-size:16px;font-weight:400;padding:0 2px;transition:color .18s}.desktop-nav a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.desktop-nav a:first-child svg{fill:currentColor;stroke:#fff;stroke-width:1.6;width:20px;height:20px}.desktop-nav a.active,.desktop-nav a:hover{color:#ff4b1c}.desktop-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:3px;background:#ff511c}
.top-actions{display:flex;align-items:center;gap:11px;margin-left:auto}.searchbox{height:41px;width:214px;display:flex;align-items:center;background:#fff5;border:2px solid #fffd;border-radius:7px;padding:0 12px;margin-right:20px}.searchbox input{width:100%;border:0;outline:0;background:transparent;color:#55453e;font-size:14px}.searchbox input::placeholder{color:#9a918c}.searchbox svg,.icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.searchbox svg{width:19px;height:19px;flex-shrink:0;color:#625d57}.icon-btn{width:39px;height:40px;padding:0;border:0;background:transparent;display:grid;place-items:center;position:relative;transition:color .18s}.icon-btn:hover{color:#ff4b16}.icon-btn .dot{position:absolute;right:9px;top:9px;width:7px;height:7px;border-radius:50%;background:#ff4316}.icon-btn:first-of-type{color:#ff2717}.mobile-only{display:none}
.page-shell{width:1213px;margin:13px 0 17px calc((100% - 1240px)/2);display:grid;grid-template-columns:231px minmax(0,1fr);gap:11px;align-items:start}.sidebar{display:flex;flex-direction:column;gap:10px;min-width:0}.panel{border-radius:5px}
.profile-card{height:269px;padding:21px 8px 0;text-align:center}.profile-avatar{width:141px;height:111px;margin:0 auto 3px}.profile-avatar img{width:100%;height:100%;object-fit:contain}.profile-card h1{margin:0;font-size:27px;line-height:31px}.profile-card p{margin:2px 0 22px;font-size:14px;line-height:22px;color:#746c66}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:0 0}.stats div{position:relative}.stats div+div::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:#eac6b140}.stats b{display:block;font-size:18px;line-height:22px;color:#171713;font-weight:700}.stats span{display:block;font-size:14px;color:#746c66;line-height:21px}
.side-nav{height:192px;padding:7px 10px;overflow:hidden}.side-nav a{height:36px;display:flex;align-items:center;gap:12px;padding:0 13px;position:relative;font-size:16px;line-height:1;font-weight:400;color:#372f2a;transition:background .18s,color .18s}.side-nav a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.side-nav a:first-child svg{fill:currentColor;stroke:#fff;stroke-width:1.5;width:23px;height:23px;margin-left:-2px;margin-right:-1px}.side-nav a:hover{background:#fff4;color:#fa4d1a}.side-nav a.active{height:33px;margin-bottom:3px;border-radius:5px;background:#ff986742;color:#ff4916;font-weight:500}
.music-card{height:143px;padding:13px 13px 10px;position:relative}.music-head{display:grid;grid-template-columns:58px 1fr;gap:7px;align-items:start}.album-art{width:58px;height:58px;border-radius:4px;overflow:hidden}.album-art img{width:100%;height:100%;object-fit:cover}.music-copy{min-width:0;padding-top:0}.music-copy strong{display:block;font-size:12px;line-height:18px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#39302b}.music-copy span{display:block;font-size:11px;color:#7c7068;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-time{position:absolute;top:58px;right:13px;display:flex;gap:3px;font-size:12px;color:#776f68;line-height:18px}.music-time span+span::before{content:"/ ";}.progress{height:2px;background:#c6a39150;margin-top:9px;overflow:hidden}.progress i{display:block;height:100%;width:33%;background:#ff5a21}.music-controls{display:flex;justify-content:center;align-items:center;gap:27px;margin-top:11px}.music-controls button{border:0;background:none;width:25px;height:26px;display:grid;place-items:center;padding:0;color:#6b615a}.music-controls button svg{width:18px;height:18px;fill:currentColor;stroke:none}.music-controls .play{width:35px;height:35px;border-radius:50%;background:#ff4814;color:#fff}.music-controls .play svg{fill:none;stroke:currentColor;stroke-width:3;width:19px;height:19px;stroke-linecap:round}
.quote-card{height:150px;position:relative;padding:14px 17px;overflow:hidden}.quote-mark{position:absolute;top:8px;left:16px;font-family:Georgia,serif;font-size:43px;line-height:1;color:#ff9d86;font-weight:700}.quote-card p{position:relative;margin:14px 0 0 12px;color:#d63719;font-size:17px;line-height:28px;font-family:"Kaiti SC","STKaiti","PingFang SC",serif;font-weight:500}.quote-card strong{font-weight:500}.quote-mascot{position:absolute;left:16px;bottom:3px;width:206px;height:84px;pointer-events:none}
.content-column{display:flex;flex-direction:column;gap:11px;min-width:0}.hero{height:333px;min-height:333px;border-radius:6px;position:relative;overflow:hidden;border:2px solid #fff1cb;box-shadow:0 0 5px 2px #ffce91,0 0 16px #ff8a4760,inset 0 0 6px #ffdca2;isolation:isolate;background:#db794e}.hero-bg{position:absolute;inset:0;z-index:-3;background:url('assets/hero-banner-v4.png') center/100% 100% no-repeat}.hero-glow{position:absolute;inset:0;pointer-events:none;z-index:8;box-shadow:inset 0 0 5px 2px #fff4b170}.hero-copy{width:55%;padding:86px 0 0 33px;color:#fff;position:relative;z-index:3;transition:opacity .18s}.eyebrow{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 9px;border-radius:6px;background:linear-gradient(100deg,#ffb838,#ff6228);font-size:14px;font-weight:400;line-height:28px}.hero-copy h2{font-size:30px;line-height:39px;margin:15px 0 9px;letter-spacing:.1px;font-weight:700;text-shadow:0 1px 2px #68372020}.hero-copy p{margin:0;width:364px;font-size:14px;line-height:23px;color:#fff1e9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-meta{display:flex;gap:30px;margin-top:27px;font-size:14px;color:#fff3ee;line-height:20px}.hero-meta span,.meta span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.hero-meta svg,.meta svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hero-characters{display:none}.hero-arrow{position:absolute;right:25px;width:36px;height:36px;border:1px solid #ffffff38;border-radius:50%;background:#fff4;color:#fff;display:grid;place-items:center;z-index:9;backdrop-filter:blur(4px)}.hero-arrow.right{top:151px}.hero-arrow:hover{background:#fff6}.hero-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.hero-dots{position:absolute;right:30px;bottom:22px;display:flex;align-items:center;gap:10px;z-index:9}.hero-dots button{width:9px;height:9px;border:0;padding:0;border-radius:99px;background:#ffffff63}.hero-dots button.active{width:19px;height:8px;background:#fff}.hero-copy.is-changing{opacity:0}
.posts-panel{height:439px;padding:0 14px 15px;border-radius:5px;background:rgba(255,245,235,.72);overflow:visible}.posts-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 4px}.posts-title{display:flex;align-items:center;gap:11px}.posts-logo{width:27px;height:27px;fill:#ff6427;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 1px #d74313)}.posts-title h2{margin:0;color:#a3210b;font-size:23px;line-height:29px;font-weight:700;position:relative}.posts-title h2::after{content:"";position:absolute;left:0;bottom:-7px;width:21px;height:2px;background:#ff5b1d}.section-kicker{display:none}.posts-head>a{font-size:15px;line-height:24px;color:#44352e}.posts-head>a b{color:#ff4f1c;font-size:19px;font-weight:400;margin-left:4px}.post-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;overflow:visible}.post-card{position:relative;height:182px;display:grid;grid-template-columns:144px minmax(0,1fr);gap:19px;padding:12px 13px 12px 14px;background:rgba(255,250,246,.57);border:1px solid #ffffffa6;border-radius:6px;overflow:visible;transition:background .18s,box-shadow .18s;cursor:pointer}.post-card:nth-child(n+3){height:166px}.post-card:hover{background:#fff9;box-shadow:0 4px 12px #dc7c5424}.post-thumb{width:144px;height:144px;object-fit:cover;border-radius:4px;align-self:start}.post-card:nth-child(n+3) .post-thumb{height:140px}.post-body{min-width:0;padding:0;position:relative}.pill{display:inline-block;height:23px;padding:1px 10px;border-radius:99px;border:1px solid #fff;background:linear-gradient(#ff8157,#ff4f22);color:#fff;font-size:14px;font-weight:400;line-height:19px;box-shadow:0 0 0 1px #ff825139}.post-body h3{font-size:19px;line-height:26px;margin:4px 0 3px;color:#151513;font-weight:700;letter-spacing:0}.post-body p{font-size:15px;line-height:22px;margin:0;color:#766d66;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;gap:22px;margin-top:10px;color:#7d746d;font-size:14px;line-height:19px}.meta span{gap:6px}.meta svg{width:19px;height:19px}.post-mascot{position:absolute;z-index:4;pointer-events:none;object-fit:contain}.deco-a{width:119px;height:68px;right:5px;top:-39px}.deco-b{width:100px;height:59px;right:0;top:-20px}.deco-c{width:102px;height:57px;right:-1px;top:-13px}.deco-d{width:99px;height:58px;right:-1px;top:-10px}.empty-state{padding:30px;text-align:center;color:#7a655b}.post-card[hidden]{display:none}
.enter,.reveal{opacity:1;transform:none}.mobile-drawer{display:none;position:fixed;right:16px;top:79px;z-index:60;width:190px;padding:8px;border-radius:7px}.mobile-drawer a{display:block;padding:12px;font-size:15px}.mobile-drawer.open{display:block}footer{display:none}
@media(max-width:1300px){.topbar{width:calc(100% - 40px);margin:35px 20px 0;padding-left:20px;padding-right:15px}.brand{flex-basis:220px}.desktop-nav{gap:22px}.top-actions{gap:7px}.searchbox{width:190px;margin-right:7px}.page-shell{width:calc(100% - 40px);margin-left:20px;grid-template-columns:220px minmax(0,1fr)}.post-card{grid-template-columns:130px minmax(0,1fr);gap:14px}.post-thumb{width:130px}.post-body h3{font-size:17px}.post-body p{font-size:14px}.meta{gap:10px;font-size:12px}.hero-copy h2{font-size:27px}}
@media(max-width:1100px){.desktop-nav{gap:16px}.brand{flex-basis:200px}.searchbox{width:160px}.top-actions .desktop-only{display:none}.post-card{grid-template-columns:110px minmax(0,1fr);gap:12px;padding-left:10px;padding-right:10px}.post-thumb{width:110px;height:135px}.hero-copy{width:65%}.hero-copy h2{font-size:25px}.post-body h3{font-size:15px;line-height:24px}.post-body p{font-size:12px;line-height:20px}.meta{font-size:11px;gap:8px}.meta svg{width:15px;height:15px}}
@media(max-width:850px){.topbar{height:64px;margin-top:15px;padding:0 13px}.brand{flex-basis:auto}.brand-name{font-size:24px}.desktop-nav,.searchbox,.desktop-only{display:none}.mobile-only{display:grid}.page-shell{display:block;margin-top:12px}.sidebar{display:none}.hero-copy{padding-top:65px;padding-left:23px}.hero-copy h2{font-size:26px}.hero-copy p{width:330px}.hero-bg{background-size:auto 100%;background-position:65% center}.posts-panel{height:auto;padding-bottom:14px}.post-grid{grid-template-columns:1fr;gap:16px}.post-card,.post-card:nth-child(n+3){height:182px;grid-template-columns:144px minmax(0,1fr);gap:19px;padding:12px 14px}.post-thumb,.post-card:nth-child(n+3) .post-thumb{width:144px;height:144px}.post-body h3{font-size:19px;line-height:26px}.post-body p{font-size:15px;line-height:22px}.meta{font-size:14px;gap:20px}.meta svg{width:19px;height:19px}.deco-a{top:-25px}.hero-arrow{right:15px}.hero-arrow.right{top:150px}.wallpaper{background-position:65% top}}
@media(max-width:540px){.topbar{width:calc(100% - 24px);margin-left:12px}.page-shell{width:calc(100% - 24px);margin-left:12px}.brand-mark,.brand-mark img{width:40px;height:40px}.brand-name{font-size:23px}.top-actions{gap:0}.top-actions #themeToggle{display:none}.hero{height:333px}.hero-bg{background-position:56% center}.hero-copy{width:100%;padding-left:17px;padding-top:67px;background:linear-gradient(90deg,#653c3340,transparent)}.hero-copy h2{font-size:23px;line-height:33px;letter-spacing:-.4px}.hero-copy p{width:265px;font-size:12px;line-height:22px}.hero-meta{font-size:12px;gap:15px;margin-top:25px}.hero-arrow{width:29px;height:29px;right:11px}.hero-arrow.right{top:91px}.hero-dots{bottom:19px;right:17px}.posts-panel{padding-left:9px;padding-right:9px}.posts-title h2{font-size:21px}.posts-head{padding:0 3px;height:65px}.posts-head>a{font-size:13px}.post-card,.post-card:nth-child(n+3){grid-template-columns:101px minmax(0,1fr);height:165px;gap:10px;padding:11px 9px}.post-thumb,.post-card:nth-child(n+3) .post-thumb{width:101px;height:140px}.post-body h3{font-size:15px;line-height:23px}.post-body p{font-size:12px;line-height:20px}.pill{height:21px;font-size:12px;line-height:17px;padding:1px 8px}.meta{font-size:10px;gap:9px;margin-top:8px}.meta svg{width:14px;height:14px}.post-mascot{max-width:85px}.meta span{gap:3px}.deco-a{top:-26px}.deco-b{top:-23px}.deco-c,.deco-d{top:-16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.ui-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 22px;border-radius:6px;color:var(--ink);font-size:14px;z-index:100;max-width:calc(100% - 30px)}.ui-toast[hidden]{display:none}.music-controls .play svg:has(use[href="#i-play"]){fill:currentColor;stroke:none}
/* Round 2: reference crop comparison corrections. */
body{display:flow-root}
.brand-name,.profile-card h1{font-family:"Comic Sans MS",cursive;font-weight:400}
.profile-avatar{margin-bottom:-1px}
.post-body p{font-size:16px;line-height:22px}
.posts-panel{width:calc(100% + 1px);margin-left:-1px}
.post-grid{grid-template-columns:464px minmax(0,1fr);gap:13px}
.post-card{gap:19px}
.post-card:nth-child(n+3){padding-top:11px}
.post-card:nth-child(n+3) .meta{margin-top:16px}
.posts-head>a{transform:translateY(-4px)}
/* Round 3: individual region / typography / surface refinement. */
.topbar{padding-right:17px;background:linear-gradient(90deg,rgba(255,249,246,.68),rgba(255,244,243,.57) 65%,rgba(255,249,246,.63))}
.desktop-nav{gap:28px}
.profile-card{background:linear-gradient(145deg,rgba(255,249,250,.57),rgba(250,238,238,.57))}
.profile-card h1{font-size:26px;font-style:italic}
.brand-name{font-style:italic}
.side-nav{background:rgba(255,247,245,.58)}
.side-nav a{height:35px}
.music-copy span{font-size:10.5px}
.music-controls{gap:26px;transform:translateX(1px)}
.music-controls button svg{width:22px;height:22px}
.quote-card{background:linear-gradient(140deg,rgba(255,246,246,.63),rgba(250,238,234,.57))}
.hero-meta{gap:34px}
.hero-bg{background-image:url('assets/hero-banner-v4.png'),linear-gradient(#efa484,#a7654c);background-size:100% 100%,100% 100%;background-position:-24px 0,0 0}
.hero-bg::after{content:"";position:absolute;inset:0 56% 0 0;background:linear-gradient(0deg,rgba(87,45,37,.30),transparent 70%);backdrop-filter:blur(1px);mask-image:linear-gradient(90deg,#000 85%,transparent)}

.posts-panel{background:radial-gradient(ellipse at 0% 0%,rgba(255,255,255,.55),transparent 35%),radial-gradient(ellipse at 30% 0%,rgba(255,155,143,.13),transparent 48%),radial-gradient(ellipse at 65% 0%,rgba(255,255,255,.25),transparent 45%),linear-gradient(115deg,rgba(255,222,213,.69),rgba(255,237,222,.61))}
.posts-title{transform:translateY(-2px)}
.posts-logo{filter:none;stroke-width:1.3}
.post-grid{grid-template-columns:463px minmax(0,1fr)}
.post-card{grid-template-columns:143px minmax(0,1fr);gap:20px;padding-left:15px}
.post-card:nth-child(even){padding-left:14px;gap:24px}
.post-thumb{width:143px;height:143px}
.post-body p{font-size:15.5px;line-height:22px;letter-spacing:.05px}
.post-card:nth-child(n+3) h3{margin-top:8px;margin-bottom:6px}
.post-card:nth-child(n+3) .meta{margin-top:12px}
.meta{gap:27px}.meta span{gap:7px}
body{min-height:calc(100vh - 1px)}
@media(max-width:1300px){.post-grid{grid-template-columns:1fr 1fr}.topbar{padding-right:15px}.desktop-nav{gap:22px}.post-card,.post-card:nth-child(even){grid-template-columns:130px minmax(0,1fr);gap:14px;padding-left:12px}.post-thumb{width:130px}.post-body p{font-size:14px;letter-spacing:0}.post-body p br{display:none}.meta{gap:10px}}
@media(max-width:1100px){.desktop-nav{gap:16px}.post-card,.post-card:nth-child(even){grid-template-columns:110px minmax(0,1fr);gap:12px;padding-left:10px}.post-thumb{width:110px}.post-body p{font-size:12px}.meta{gap:8px}}
@media(max-width:850px){.post-grid{grid-template-columns:1fr}.post-card,.post-card:nth-child(even){grid-template-columns:144px minmax(0,1fr);gap:19px;padding:12px 14px}.post-thumb{width:144px;height:144px}.post-body p{font-size:15px}.post-card:nth-child(n+3) h3{margin-top:4px;margin-bottom:3px}.post-card:nth-child(n+3) .meta{margin-top:10px}.meta{gap:20px}.hero-bg{background-size:auto 100%,100% 100%;background-position:65% 0,0 0}}
@media(max-width:540px){.post-card,.post-card:nth-child(even){grid-template-columns:101px minmax(0,1fr);gap:10px;padding:11px 9px}.post-thumb{width:101px;height:140px}.post-body p{font-size:12px}.meta{gap:9px}.meta span{gap:3px}.hero-bg{background-position:56% 0,0 0}}
/* Round 4: blend artwork edges, restore handwritten upright lettering. */
.brand-name,.profile-card h1{font-family:"Chalkboard SE","Comic Sans MS",cursive;font-style:normal;font-weight:400;letter-spacing:-.2px}
.hero-bg{background-image:url('assets/hero-banner-v4.png');background-size:100% 100%;background-position:0 0}
.hero-bg::before{content:"";position:absolute;inset:0;background:url('assets/hero-banner-v4.png') -24px 0/100% 100% no-repeat;mask-image:linear-gradient(90deg,#000 94%,transparent)}
.quote-card p{font-weight:400;font-size:17px;letter-spacing:.2px}
.quote-mascot{left:16px}
@media(max-width:850px){.hero-bg{background-size:auto 100%;background-position:65% 0}.hero-bg::before{display:none}}
@media(max-width:540px){.hero-bg{background-position:56% 0}}
/* Round 4 surface tint and one-pixel row alignment. */
.music-card{margin-top:-1px}
.quote-card p{margin-top:13px}
.posts-panel{background:radial-gradient(ellipse at 0% 0%,rgba(255,251,236,.30),transparent 26%),radial-gradient(ellipse at 30% 0%,rgba(255,160,130,.23),transparent 45%),radial-gradient(ellipse at 95% 100%,rgba(243,187,187,.22),transparent 50%),radial-gradient(ellipse at 0% 100%,rgba(255,207,195,.60),transparent 40%),radial-gradient(ellipse at 0% 0%,rgba(255,255,255,.55),transparent 35%),radial-gradient(ellipse at 30% 0%,rgba(255,155,143,.13),transparent 48%),radial-gradient(ellipse at 65% 0%,rgba(255,255,255,.25),transparent 45%),linear-gradient(115deg,rgba(255,222,213,.69),rgba(255,237,222,.61))}
.post-card{height:181px;background:linear-gradient(90deg,rgba(255,200,177,.08),rgba(255,200,177,.30)),rgba(255,250,246,.57)}
.post-card:nth-child(even){background:linear-gradient(90deg,transparent,rgba(210,200,194,.25)),rgba(255,250,246,.57)}
.post-card:nth-child(n+3) .post-body{top:1px}
@media(max-width:850px){.post-card,.post-card:nth-child(n+3){height:182px}.post-card:nth-child(n+3) .post-body{top:0}}
@media(max-width:540px){.post-card,.post-card:nth-child(n+3){height:165px}}
@font-face{font-family:UmaruHandwriting;src:url('assets/umaru-handwriting.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.brand-name,.profile-card h1{font-family:UmaruHandwriting,"Comic Sans MS",cursive;font-weight:400;letter-spacing:-.2px}
@media(max-width:540px){.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(62,30,22,.70),rgba(62,30,22,.10));z-index:-1}.hero-copy{background:none}.hero-copy h2,.hero-copy p{ text-shadow:0 1px 3px #42261950}}
@media(min-width:1301px){.posts-panel{padding-right:13px}}
/* Settings detail: continuous rounded gear contour and concentric center. */
#settingsBtn svg{width:20px;height:20px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Featured badge: separate small diamond sparkles, never overlapping text glyphs. */
.featured-sparkles{display:block;width:17px;height:20px;flex:0 0 17px;fill:#ffe978;stroke:none}

/* Light polish: slightly clearer glass, solid home icons without a white rim. */
body:not([data-theme="night"]) .desktop-nav a:first-child svg,
body:not([data-theme="night"]) .side-nav a:first-child svg{stroke:none}

/* Home starts at its pinned position: no disappearing space above the navbar. */
body:not(.article-view) .topbar{position:sticky;top:14px;margin-top:14px}
body:not(.article-view) #posts{scroll-margin-top:96px}
@media(max-width:850px){body:not(.article-view) .topbar{top:10px;margin-top:10px}body:not(.article-view) #posts{scroll-margin-top:86px}}