:root{color-scheme:light;--bg: #f5f4ef;--paper: rgba(255, 255, 252, .78);--paper-strong: rgba(255, 255, 252, .9);--surface: #ffffff;--surface-soft: #f0f3ec;--text: #171a18;--muted: #69716b;--soft: #8b928b;--line: rgba(37, 45, 39, .12);--line-strong: rgba(37, 45, 39, .2);--accent: #2f6d58;--accent-strong: #214d3e;--accent-soft: #e3f0e9;--rose: #b85d72;--amber: #936a20;--blue: #476b9d;--code-bg: #111514;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);overflow-x:clip}body{margin:0;min-height:100vh;color:var(--text);line-height:1.65;background:radial-gradient(circle at 12% 4%,rgba(232,242,235,.9),transparent 36rem),radial-gradient(circle at 88% 12%,rgba(244,231,220,.72),transparent 34rem),linear-gradient(180deg,#faf9f5,#f1f1ea);animation:page-enter .36s ease both;overflow-x:clip}.ambient-bg{position:fixed;inset:0;z-index:-1;background-image:url(https://api.yppp.net/pc.php);background-position:center;background-size:cover;opacity:.08;filter:blur(8px) saturate(.65);pointer-events:none}a{color:var(--accent);text-decoration-thickness:.08em;text-underline-offset:.22em}img{display:block;max-width:100%;height:auto}main{width:min(100% - 32px,1360px);margin:0 auto;padding:28px 0 72px}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);background:#faf9f5b8;backdrop-filter:blur(18px) saturate(1.08)}.nav{width:min(100% - 32px,1360px);min-height:66px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:820;letter-spacing:0;text-decoration:none;white-space:nowrap}.brand-mark{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid var(--line-strong);border-radius:10px;background:linear-gradient(135deg,#f8fbf7,#e5efe8);color:var(--accent-strong);box-shadow:0 12px 26px #252d271a}.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.nav-links a{padding:8px 11px;border-radius:999px;color:var(--muted);font-size:.92rem;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-links a:hover{color:var(--text);background:#fffffcb3;transform:translateY(-1px)}.site-footer{width:min(100% - 32px,1360px);margin:0 auto;padding:28px 0 40px;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem}.site-footer a{color:var(--muted)}.glass-panel,.profile-card,.activity-card,.post-card,.post-feature,.search-box,.article-sidebar,.article-content,.portfolio-card,.tag-index a,.category-card{border:1px solid var(--line);background:var(--paper);backdrop-filter:blur(18px) saturate(1.08);box-shadow:0 20px 46px #262d2714}.page-kicker{margin:0 0 8px;color:var(--accent);font-size:.76rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.page-title{margin:0;color:var(--text);font-size:clamp(2.1rem,7vw,5.4rem);line-height:.98;letter-spacing:0}.page-intro{max-width:760px;margin:16px 0 0;color:var(--muted);font-size:clamp(1rem,2vw,1.12rem)}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border:1px solid transparent;border-radius:999px;background:var(--accent);color:#fff;font-weight:720;text-decoration:none;box-shadow:0 12px 26px #2f6d582e}.button-link.secondary{border-color:var(--line-strong);background:#fffffcc2;color:var(--text);box-shadow:none}.home-shell{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(220px,300px);gap:18px;align-items:start}.home-sidebar{position:sticky;top:90px;display:grid;gap:14px}.profile-card,.activity-card{border-radius:20px;padding:18px}.profile-avatar{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#17201b;color:#fff;font-size:1.45rem;font-weight:840}.profile-card h1,.activity-card h2{margin:14px 0 8px;font-size:1.35rem;line-height:1.2}.profile-card p,.activity-card p{margin:0;color:var(--muted)}.profile-links,.quick-list,.activity-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}.profile-links a,.quick-list a{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-radius:12px;background:#fffffc9e;color:var(--text);text-decoration:none}.home-main{min-width:0}.home-hero{margin-bottom:18px;padding:clamp(22px,4vw,40px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#fffffcdb,#f4f6efb8);backdrop-filter:blur(18px) saturate(1.08);overflow:hidden}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.feed-toolbar{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:24px 0 14px}.feed-toolbar h2{margin:0;font-size:1.3rem}.feed-toolbar p{margin:4px 0 0;color:var(--muted)}.masonry-feed{columns:2 260px;column-gap:14px}.post-card{display:inline-block;width:100%;margin:0 0 14px;border-radius:18px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.post-card:hover{transform:translateY(-3px);border-color:#2f6d5847;box-shadow:0 24px 54px #262d271f}.post-card[hidden]{display:none}.post-card-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover}.post-card-body{padding:16px}.post-card h2{margin:7px 0 8px;font-size:1.25rem;line-height:1.28}.post-card h2 a{color:var(--text);text-decoration:none}.post-card p{margin:0;color:var(--muted)}.post-meta{color:var(--soft);font-size:.84rem}.category-pill,.tag-pill,.tag-list a{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#fffffc9e;color:var(--accent-strong);font-size:.82rem;font-weight:700;text-decoration:none}.tag-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:7px}.post-taxonomy{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px}.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px}.pagination button{min-width:36px;height:36px;border:1px solid var(--line);border-radius:999px;background:#fffffcbd;color:var(--text);cursor:pointer}.pagination button[aria-current=page]{border-color:var(--accent);background:var(--accent);color:#fff}.activity-list li{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.activity-list time{color:var(--soft);font-size:.82rem}.activity-list a{color:var(--text);font-weight:700;text-decoration:none}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.stat-grid div{padding:11px;border-radius:14px;background:#fffffc9e}.stat-grid strong{display:block;font-size:1.2rem}.stat-grid span{color:var(--muted);font-size:.82rem}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:0 0 18px}.section-heading h1,.section-heading h2{margin:0}.section-heading p{max-width:520px;margin:0;color:var(--muted)}.post-grid,.portfolio-grid,.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.portfolio-card,.category-card{border-radius:20px;padding:18px}.portfolio-card h2,.category-card h2{margin:0 0 8px;font-size:1.2rem}.portfolio-card p,.category-card p{margin:0;color:var(--muted)}.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.article-header{margin-bottom:16px;padding:clamp(22px,4vw,38px);border:1px solid var(--line);border-radius:28px;background:var(--paper);backdrop-filter:blur(18px) saturate(1.08)}.article-cover{width:100%;max-height:460px;object-fit:cover;margin-top:22px;border-radius:20px}.article-content{border-radius:24px;padding:clamp(20px,4vw,42px);overflow:hidden}.article-content>:first-child{margin-top:0}.article-content>:last-child{margin-bottom:0}.article-content h2,.article-content h3{line-height:1.25;margin-top:2em}.article-content p,.article-content li{color:#252a27}.article-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.article-content th,.article-content td{border:1px solid var(--line);padding:10px 12px}.article-content th{background:#e3f0e9a8}.article-sidebar{position:sticky;top:90px;border-radius:20px;padding:18px}.article-sidebar p{margin:0 0 14px;color:var(--muted)}.article-sidebar strong{color:var(--text)}.search-shell{max-width:920px;margin:0 auto}.search-box{margin-top:20px;border-radius:22px;padding:18px}.search-box .pagefind-ui{--pagefind-ui-scale: .92;--pagefind-ui-primary: var(--accent);--pagefind-ui-text: var(--text);--pagefind-ui-background: transparent;--pagefind-ui-border: var(--line);--pagefind-ui-border-radius: 12px;--pagefind-ui-font: inherit}.tag-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tag-index a{min-height:64px;padding:14px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;color:var(--text);font-weight:750;text-decoration:none}.tag-index span{color:var(--muted)}.empty-state{padding:22px;border:1px dashed var(--line-strong);border-radius:18px;color:var(--muted);background:#fffffc85}.expressive-code{margin:1.3rem 0}.expressive-code .frame{border-radius:16px!important;overflow:hidden;box-shadow:0 18px 42px #1115142e!important}.expressive-code .header{min-height:38px;background:#1d2220!important}.expressive-code .header:before{content:"";display:inline-block;width:42px;height:12px;margin-left:12px;background:radial-gradient(circle at 6px 6px,#ff5f56 0 5px,transparent 5.5px),radial-gradient(circle at 21px 6px,#ffbd2e 0 5px,transparent 5.5px),radial-gradient(circle at 36px 6px,#27c93f 0 5px,transparent 5.5px)}.callout{margin:1.2rem 0;padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:16px;background:#fffffcb3}.callout-title{margin:0 0 6px;font-weight:800}.callout-info{border-left-color:var(--blue)}.callout-note{border-left-color:var(--accent)}.callout-tip,.callout-success{border-left-color:#3f8a5d}.callout-warning{border-left-color:var(--amber)}.callout-danger{border-left-color:var(--rose)}.content-details{margin:1.2rem 0;border:1px solid var(--line);border-radius:16px;background:#fffffcb3;overflow:hidden}.content-details summary{cursor:pointer;padding:13px 16px;font-weight:780}.content-details>:not(summary){padding:0 16px 14px}.blur-reveal{border-radius:8px;padding:0 4px;filter:blur(5px);background:#2f6d5824;cursor:pointer;transition:filter .16s ease,background .16s ease}.blur-reveal:hover,.blur-reveal:focus,.blur-reveal.is-revealed{filter:blur(0);background:#2f6d5814}.content-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:1.2rem 0}.content-columns>div,.content-plan,.content-timeline,.content-gallery{border:1px solid var(--line);border-radius:16px;background:#fffffca8;padding:14px}.content-plan{display:grid;gap:10px}.content-plan ul,.content-timeline ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.content-plan>div,.content-plan li{padding:10px 12px;border-radius:12px;background:#fffffcc2}.content-plan>div:before{content:attr(data-status);margin-right:8px;color:var(--accent);font-weight:800;text-transform:uppercase;font-size:.75rem}.content-plan li:first-letter{color:var(--accent)}.content-timeline{position:relative;display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:110px 1fr;gap:12px}.content-timeline li{padding:10px 0 10px 14px;border-left:3px solid var(--accent-soft)}.timeline-item time,.content-timeline li strong{color:var(--accent);font-weight:800}.content-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.content-gallery p{display:contents}.content-gallery img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px}.content-gallery figcaption{grid-column:1 / -1;color:var(--muted);font-size:.9rem}.mermaid-diagram{margin:1.4rem 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fffffcd1;overflow-x:auto}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.home-shell,.article-shell{grid-template-columns:1fr}.home-sidebar,.article-sidebar{position:static}.home-sidebar.left{order:-2}.home-main{order:-1}}@media(max-width:760px){main,.nav,.site-footer{width:min(100% - 22px,1360px)}main{padding-top:18px}.nav{min-height:auto;padding:12px 0;align-items:flex-start;flex-direction:column;gap:10px}.nav-links{justify-content:flex-start;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.nav-links a{flex:0 0 auto}.ambient-bg{background-image:url(https://api.yppp.net/pe.php);opacity:.05}.home-hero,.article-header,.article-content{border-radius:20px}.page-title{font-size:clamp(2rem,12vw,3.2rem)}.feed-toolbar,.section-heading,.site-footer{align-items:flex-start;flex-direction:column}.masonry-feed{columns:1}.content-columns,.timeline-item{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}