@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#242a22;font-synthesis:none;--bg:#fafbf6;--surface:#fff;--text:#242a22;--muted:#788073;--line:#e4e8dd;--lime:#cef76c;--green:#627d28;--subtle:#f2f5ec;--shadow:0 6px 30px #465d1510;--serif:"Noto Serif SC","Songti SC","SimSun",serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fafbf6;font-family:DM Sans,Microsoft YaHei,sans-serif}:root[data-theme=dark]{--bg:#141814;--surface:#1c211b;--text:#f0f2e9;--muted:#a4ae9d;--line:#343c2f;--green:#c1e775;--subtle:#252d22;--shadow:0 8px 32px #0002;background:var(--bg);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}svg{flex-shrink:0}::selection{color:#263317;background:#d4f498}:focus-visible{outline-offset:4px;outline:3px solid #95bc46}.shell{width:min(1320px,100% - 96px);margin-inline:auto}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px}.muted{color:var(--muted)}.eyebrow{letter-spacing:2px;color:var(--muted);font-size:10px;font-weight:500}.status-dot{background:#97c539;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #a8cf4510}.lime-dot{color:#9fca3d}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:14px;min-height:46px;padding:0 23px;font-size:13px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.primary{background:var(--lime);color:#253319;box-shadow:0 4px 15px #9bc03914}.primary:hover{background:#bfe653}.secondary{border-color:var(--line);color:var(--text);background:0 0}.secondary:hover{background:var(--subtle)}.icon-button{background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.icon-button:hover{background:var(--subtle)}.category-dot{color:var(--green);align-items:center;gap:7px;font-size:11px;font-weight:600;display:inline-flex}.category-dot:before{content:"";background:#95bd40;border-radius:50%;width:5px;height:5px}.section-line{justify-content:space-between;align-items:center;gap:15px;display:flex}.skip-link{z-index:100;background:var(--lime);padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.site-header{z-index:10;justify-content:space-between;align-items:center;gap:30px;height:94px;display:flex;position:relative}.brand{align-items:center;gap:14px;min-width:185px;display:flex}.brand svg{color:#789728;width:33px;height:30px}.brand>span{letter-spacing:4px;font-family:Georgia,serif;font-size:24px}.brand-dot{letter-spacing:0}.desktop-nav{gap:36px;margin-left:30px;display:flex}.desktop-nav a{color:var(--muted);font-size:13px;line-height:32px;position:relative}.desktop-nav a.selected{color:var(--green)}.desktop-nav a.selected:after{content:"";background:var(--green);height:1px;position:absolute;bottom:0;left:1px;right:1px}.header-actions{justify-content:flex-end;align-items:center;gap:14px;min-width:185px;display:flex}.action-divider{background:var(--line);width:1px;height:22px}.theme-button{border:1px solid var(--line);background:var(--subtle)}.menu-toggle,.mobile-nav{display:none}.hero{grid-template-columns:1.04fr 1fr;align-items:center;min-height:460px;display:grid;position:relative}.hero-copy{z-index:2;padding:24px 0 28px}.availability{border:1px solid var(--line);color:var(--muted);background:color-mix(in srgb,var(--surface) 60%,transparent);border-radius:30px;align-items:center;gap:10px;padding:8px 12px;font-size:11px;display:inline-flex}.availability svg{color:#92ae54;margin-left:3px}.hero h1{font-family:var(--serif);letter-spacing:-1.8px;white-space:nowrap;margin:24px -28px 16px 0;font-size:clamp(32px,3.6vw,53px);font-weight:700;line-height:1.55}.hero-description{color:var(--muted);letter-spacing:.3px;margin-bottom:25px;font-size:13px;line-height:2}.hero-buttons{align-items:center;gap:14px;display:flex}.tiny-arrow{color:var(--muted);font-size:17px}.hero-caption{letter-spacing:2px;color:var(--muted);gap:15px;margin-top:30px;font-size:9px;display:flex}.hero-caption i{color:#b2bc9f;font-style:normal}.hero-visual{align-self:center;height:440px;margin:0 -36px 0 -10px;position:relative}.hero-visual img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;animation:8s ease-in-out infinite float;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%)}.visual-label{letter-spacing:1.6px;color:var(--muted);font-size:8px;position:absolute}.visual-label.top{top:42px;right:10px}.visual-label.bottom{bottom:24px;left:25px}.visual-coordinates{letter-spacing:2px;color:var(--muted);font-size:8px;line-height:1.7;position:absolute;bottom:76px;right:10px}.visual-coordinates>span{background:#9cc942;width:16px;height:2px;margin-top:8px;display:block}:root[data-theme=dark] .hero-visual img{mix-blend-mode:normal;opacity:.8;-webkit-mask-image:radial-gradient(#000 25%,#0000 72%);mask-image:radial-gradient(#000 25%,#0000 72%)}:root[data-theme=dark] .hero-visual{filter:saturate(.75)}.hero-divider{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:14px 0;font-size:10px;display:flex}.hero-divider>a{border:1px solid var(--line);border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.hero-divider>span:last-child{letter-spacing:2px;font-size:8px}.latest{padding-top:23px}.section-heading{align-items:center;gap:23px;margin-bottom:24px;display:flex}.section-heading h2{font-family:var(--serif);white-space:nowrap;margin:0;font-size:24px;font-weight:600}.section-heading h2>span{color:var(--muted);letter-spacing:1.8px;vertical-align:middle;margin-left:18px;font-family:DM Sans,sans-serif;font-size:9px;font-weight:400}.heading-rule{background:var(--line);flex:1;height:1px}.section-heading>a{color:var(--green);white-space:nowrap;align-items:center;gap:9px;font-size:11px;display:flex}.home-grid{grid-template-columns:2.1fr 1fr;gap:20px;display:grid}.home-articles{min-width:0}.article-card{flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.article-card:hover{border-color:#a8bd7c;transform:translateY(-4px);box-shadow:0 12px 30px #465d1515}.article-card:hover .card-art img{transform:scale(1.045)}.card-art{background:var(--subtle);height:210px;position:relative;overflow:hidden}.card-art img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.card-body{padding:22px}.card-body h3{font-family:var(--serif);margin:10px 0;font-size:19px;line-height:1.65}.card-body p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 20px;font-size:12px;line-height:1.9;display:-webkit-box;overflow:hidden}.card-meta{color:var(--muted);letter-spacing:.2px;align-items:center;gap:9px;margin-top:auto;font-size:10px;display:flex}.card-meta i{font-style:normal}.card-meta svg{color:var(--text);margin-left:auto}.featured.article-card{grid-template-columns:1.08fr 1fr;gap:6px;min-height:245px;padding:8px;display:grid}.featured .card-art{border-radius:8px;height:100%;min-height:230px}.featured .card-body{flex-direction:column;padding:18px 18px 10px;display:flex}.featured .card-body h3{margin:12px 0;font-size:21px;line-height:1.6}.featured .card-body p{-webkit-line-clamp:3;font-size:12px}.featured-badge{color:#455c26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-radius:5px;padding:5px 9px;font-size:9px;position:absolute;bottom:12px;left:13px}.small-articles{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.small-articles .article-card{flex-direction:row;min-height:155px;padding:6px}.small-articles .card-art{border-radius:7px;flex-shrink:0;width:34%;height:auto}.small-articles .card-body{flex-direction:column;padding:12px 11px;display:flex}.small-articles h3{margin:9px 0;font-size:15px}.small-articles p{margin-bottom:12px;font-size:10px}.small-articles .card-meta{gap:6px;font-size:8px}.small-articles .category-dot{font-size:9px}.profile-card{flex-direction:column;padding:24px 23px;display:flex}.profile-card h3{font-family:var(--serif);margin:15px 0 20px;font-size:19px;font-weight:600}.profile-intro{align-items:center;gap:17px;margin-bottom:27px;display:flex}.avatar{background:radial-gradient(circle at 70% 20%,#dffa9b,#6f904e);border-radius:50%;flex-shrink:0;place-items:center;width:78px;height:78px;display:grid;box-shadow:inset 0 0 0 5px #ffffff20}.avatar span{color:#f9ffec;font:italic 50px Georgia,serif}.profile-intro h4{margin:0 0 9px;font-family:Georgia,serif;font-size:15px;font-weight:500}.profile-intro p{color:var(--muted);margin:0;font-size:11px;line-height:1.9}.profile-topics{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:9px;padding-top:22px;display:grid}.profile-topics>a{border:1px solid var(--line);border-radius:9px;grid-template-columns:18px 1fr;gap:5px;padding:11px 10px;font-size:11px;transition:background .2s;display:grid}.profile-topics>a:hover{background:var(--subtle)}.profile-topics svg{color:#81a33e;width:17px;height:17px}.profile-topics b{font-weight:500}.profile-topics span{color:var(--muted);grid-column:1/-1;font-size:9px}.profile-link{color:var(--green);justify-content:space-between;align-items:center;margin-top:23px;font-size:10px;display:flex}.profile-scribble{color:var(--muted);letter-spacing:1px;margin-top:auto;padding-top:26px;font-family:Georgia,serif;font-size:17px;font-style:italic;position:relative}.profile-scribble:after{content:"";background:#a1c548;width:65px;height:1px;position:absolute;bottom:-7px;right:0;transform:rotate(-8deg)}.home-note{color:var(--muted);align-items:center;gap:12px;padding:36px 0;display:flex}.home-note p{font-size:11px}.home-note .eyebrow{margin-left:auto;font-size:8px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;margin-top:20px;padding:28px 0;display:flex}.footer-brand{letter-spacing:3px;font-family:Georgia,serif;font-size:17px}.site-footer p{color:var(--muted);margin:10px 0 0;font-size:10px}.footer-right{color:var(--muted);flex-direction:column;align-items:flex-end;gap:11px;font-size:9px;display:flex}.footer-right a{color:var(--green);align-items:center;gap:7px;display:flex}.page-view{min-height:calc(100vh - 240px);padding-top:44px;padding-bottom:70px}.page-heading{margin-bottom:40px}.page-heading h1,.admin-heading h1{font-family:var(--serif);letter-spacing:-1px;margin:18px 0;font-size:40px;font-weight:600}.page-heading p{color:var(--muted);font-size:13px;line-height:2}.article-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.filter-tabs{flex-wrap:wrap;gap:7px;display:flex}.filter-tabs button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:25px;padding:9px 16px;font-size:12px}.filter-tabs button.active{background:var(--subtle);border-color:var(--line);color:var(--green)}.inline-search{border:1px solid var(--line);color:var(--muted);border-radius:8px;align-items:center;gap:9px;padding:8px 10px;display:flex}.inline-search input{width:170px;color:var(--text);background:0 0;outline:none;font-size:11px;border:0!important;padding:0!important}.inline-search button{color:var(--green);background:0 0;border:0;display:flex}.listing-caption{color:var(--muted);justify-content:space-between;padding:22px 0;font-size:10px;display:flex}.listing-caption span:last-child{letter-spacing:1.5px;font-size:8px}.article-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.article-grid .card-body{flex-direction:column;flex:1;display:flex}.pagination{justify-content:center;align-items:center;gap:25px;margin-top:35px;font-size:12px;display:flex}.cover-fallback{color:#6b813e;background:radial-gradient(at 65% 40%,#d7eea4,#0000 65%),#e8eedb;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;height:100%;display:flex}.cover-fallback span:first-child{letter-spacing:5px;font-family:Georgia,serif;font-size:30px}.cover-fallback span:last-child{letter-spacing:3px;font-size:11px}.notice,.empty-state{text-align:center;padding:55px 25px}.notice p,.empty-state p{color:var(--muted);font-size:13px;line-height:1.8}.empty-state svg{color:var(--green);margin:0 auto}.empty-state h2{font-family:var(--serif);font-size:25px;font-weight:500}.empty-state .button{margin-top:15px}.skeleton{background:linear-gradient(100deg,var(--subtle) 30%,var(--surface) 50%,var(--subtle) 70%);background-size:200% 100%;border-radius:14px;animation:1.6s infinite shimmer}.article-skeleton,.profile-skeleton{height:430px}.listing-skeleton{height:360px}.detail-skeleton{height:430px;margin-top:30px}.back-link{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.article-heading{max-width:880px;margin:38px auto 32px}.article-heading h1{font-family:var(--serif);margin:20px 0;font-size:38px;font-weight:600;line-height:1.6}.article-heading>p{color:var(--muted);font-size:14px;line-height:1.9}.detail-meta{color:var(--muted);align-items:center;gap:18px;margin-top:24px;font-size:11px;display:flex}.detail-meta b{color:var(--text);font-size:11px;font-weight:500}.detail-meta>span{align-items:center;gap:6px;display:inline-flex}.mini-avatar{color:#5a6d36;background:#d8edac;border-radius:50%;place-items:center;width:28px;height:28px;font-family:Georgia,serif;font-size:20px;font-style:italic;display:grid!important}.detail-meta .icon-button{margin-left:auto}.detail-cover{object-fit:cover;border-radius:14px;width:100%;height:350px}.reading-layout{grid-template-columns:minmax(0,730px) 200px;gap:60px;max-width:1000px;margin:50px auto 0;display:grid}.prose{overflow-wrap:anywhere;font-size:15px;line-height:2.1}.prose h2,.prose h3{font-family:var(--serif);color:var(--text);scroll-margin-top:35px;font-weight:600;line-height:1.6}.prose h2{margin:40px 0 16px;font-size:25px}.prose h2:first-child{margin-top:0}.prose h3{margin-top:26px;font-size:20px}.prose p,.prose ul,.prose ol{color:color-mix(in srgb,var(--text) 84%,var(--muted))}.prose li{margin:5px 0;padding-left:6px}.prose blockquote{background:var(--subtle);border-left:3px solid #a0c548;border-radius:0 8px 8px 0;margin:26px 0;padding:12px 24px}.prose blockquote p{margin:4px 0}.prose pre{color:#ebf1dd;background:#1d241c;border-radius:10px;padding:24px;font-size:12px;line-height:1.8;overflow:auto}.prose code{background:var(--subtle);border-radius:4px;padding:2px 6px;font-family:Consolas,monospace;font-size:.85em}.prose pre code{font-size:inherit;background:0 0;padding:0}.prose img{border-radius:8px;margin:25px auto}.prose a{color:var(--green);text-decoration:underline}.prose table{border-collapse:collapse;width:100%;display:block;overflow:auto}.prose td,.prose th{border:1px solid var(--line);padding:8px 12px}.toc{border-left:1px solid var(--line);align-self:start;padding-left:23px;position:sticky;top:35px}.toc h4{font-family:var(--serif);margin:15px 0;font-size:15px;font-weight:500}.toc a{color:var(--muted);gap:8px;padding:9px 0;font-size:11px;line-height:1.6;display:flex}.toc a:hover{color:var(--green)}.toc a.sub{padding-left:10px;font-size:10px}.toc>a:last-child{border-top:1px solid var(--line);color:var(--green);margin-top:18px;padding-top:20px}.article-tags,.tag-row{flex-wrap:wrap;gap:8px;margin-top:35px;display:flex}.article-tags a,.tag-row span{background:var(--subtle);color:var(--green);border:1px solid var(--line);border-radius:5px;padding:6px 12px;font-size:10px}.end-note{border-top:1px solid var(--line);align-items:center;gap:20px;margin-top:35px;padding:25px 0;display:flex}.end-note>span{color:#9bbd43;font-size:30px}.end-note p{font-size:13px;line-height:1.9}.end-note small{color:var(--muted);font-size:11px}.reading-progress{z-index:50;background:#a3ce42;height:3px;transition:width .1s;position:fixed;top:0;left:0}.related{margin-top:65px}.related-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.related-grid .article-card{grid-template-columns:1fr 1.2fr;display:grid}.related-grid .card-art{height:100%;min-height:180px}.related-grid h3{font-size:17px}.project-feature{grid-template-columns:1.15fr 1fr;transition:transform .3s;display:grid;overflow:hidden}.project-feature:hover{transform:translateY(-3px)}.project-visual{background:#f5f8ec;min-height:370px;position:relative}.project-visual img{object-fit:cover;width:100%;height:100%}.project-visual>span{letter-spacing:2px;color:#596b3c;font-size:9px;position:absolute;bottom:20px;left:25px}.project-description{flex-direction:column;align-items:flex-start;padding:45px;display:flex}.project-description h2,.about-intro h2{font-family:var(--serif);font-size:27px;font-weight:600}.project-description p,.about-intro p{color:var(--muted);font-size:13px;line-height:2}.project-description .tag-row{margin:15px 0 30px}.text-link{color:var(--green);align-items:center;gap:12px;font-size:12px;font-weight:500;display:inline-flex}.project-principles,.about-values{grid-template-columns:repeat(3,1fr);gap:50px;padding:55px 20px 0;display:grid}.project-principles svg,.about-values svg{color:#8fa944;width:26px;height:26px}.project-principles h3,.about-values h3{font-family:var(--serif);font-size:18px;font-weight:500}.project-principles p,.about-values p{color:var(--muted);font-size:12px;line-height:1.9}.notes-page{max-width:1050px}.notes-timeline{max-width:870px;margin:auto}.note-item{grid-template-columns:130px 1fr;gap:35px;margin-bottom:28px;display:grid;position:relative}.note-date{color:var(--muted);gap:12px;padding-top:24px;font-size:11px;display:flex;position:relative}.note-item:before{content:"";background:var(--line);width:1px;position:absolute;top:38px;bottom:-40px;left:3px}.note-item:last-child:before{bottom:0}.note-item article{padding:25px;transition:transform .2s}.note-item:hover article{transform:translateY(-3px)}.note-item h2{font-family:var(--serif);font-size:23px;font-weight:600}.note-item p{color:var(--muted);font-size:13px;line-height:1.9}.note-item img{object-fit:cover;border-radius:9px;width:100%;height:230px;margin:20px 0}.notes-signoff{text-align:center;font-family:var(--serif);color:var(--muted);margin:55px 0 0;font-size:21px}.about-intro{grid-template-columns:1fr 1.05fr;align-items:center;display:grid;overflow:hidden}.about-art{height:370px}.about-art img{object-fit:cover;width:100%;height:100%}.about-intro>div:last-child{padding:38px 45px}.about-intro .text-link{margin-top:22px}.sample-hint{color:var(--muted);font-size:10px;line-height:1.7;display:block}.about-values span{letter-spacing:2px;color:var(--muted);margin:20px 0 14px;font-size:9px;display:block}.about-me{grid-template-columns:.78fr 1.22fr;align-items:center;margin-top:26px;display:grid;overflow:hidden}.about-me>div:last-child{padding:38px 45px}.about-photo{aspect-ratio:3/4;background:#f5f8ec;max-height:480px}.about-photo img{object-fit:contain;width:100%;height:100%}.about-me h2{font-family:var(--serif);font-size:27px;font-weight:600}.about-me p{color:var(--muted);font-size:13px;line-height:2}.about-facts{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.about-facts span{border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:6px 13px;font-size:11px}.games-section{margin-top:70px}.games-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.game-card{flex-direction:column;transition:transform .3s;display:flex;overflow:hidden}.game-card:hover{transform:translateY(-3px)}.game-art{height:230px;overflow:hidden}.game-art img{object-fit:cover;object-position:top;width:100%;height:100%}.game-body{flex-direction:column;align-items:flex-start;padding:26px 30px;display:flex}.game-body h3{font-family:var(--serif);font-size:22px;font-weight:600}.game-body p{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.9}.game-link{color:var(--green);align-items:center;gap:8px;margin-top:18px;font-size:12px;font-weight:500;display:inline-flex}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#27321d66;justify-content:center;align-items:flex-start;padding:120px 24px 30px;display:flex;position:fixed;inset:0;overflow:auto}.search-dialog{width:570px;padding:30px}.search-dialog h2{font-family:var(--serif);font-size:27px;font-weight:500}.search-dialog form{gap:10px;display:flex}.search-dialog input{flex:1;min-width:0}.search-dialog .muted{margin-top:20px;font-size:11px}.confirm-dialog{width:460px;padding:32px}.confirm-dialog h2{font-family:var(--serif);font-weight:500}.confirm-dialog p{color:var(--muted);font-size:13px;line-height:1.9}.confirm-dialog .hero-buttons{margin-top:24px}.delete-button{color:#fff;background:#bb4a3f}input:not([type=checkbox]):not([type=file]),textarea{background:var(--bg);border:1px solid var(--line);color:var(--text);outline-offset:2px;border-radius:7px;width:100%;padding:11px 13px;font-size:13px}textarea{resize:vertical;line-height:1.8}label{font-size:12px;display:block}label>input,label>textarea{margin-top:9px}label small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.login-card{max-width:460px;margin:25px auto;padding:38px}.login-card h1{font-family:var(--serif);font-size:27px;font-weight:600}.login-card p{font-size:12px;line-height:1.9}.login-card form{gap:20px;margin-top:26px;display:grid}.admin-heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.admin-toolbar{margin-bottom:20px;font-size:12px}.admin-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:24px 25px;display:flex}.admin-row:last-child{border:0}.admin-row h3{font-family:var(--serif);margin:8px 0;font-size:18px;font-weight:500}.admin-row .muted{font-size:10px}.admin-row-actions{align-items:center;gap:10px;display:flex}.state-pill{background:var(--subtle);color:var(--muted);white-space:nowrap;border-radius:20px;padding:5px 9px;font-size:10px}.state-pill.published{color:var(--green);background:color-mix(in srgb,var(--lime) 20%,var(--surface))}.danger{color:#b95247}.error-banner,.success-banner{border-radius:8px;padding:12px 16px;font-size:12px;line-height:1.8}.error-banner{color:#bd4d3a;background:#d85d4912;border:1px solid #d85d4933}.success-banner{color:var(--green);background:#9abd3d18;border:1px solid #9abd3d33}.editor{padding:30px}.editor h2{font-family:var(--serif);font-size:22px;font-weight:500}.editor-fields{grid-template-columns:1fr 1fr;gap:22px;margin:20px 0;display:grid}.full-width{grid-column:1/-1}.cover-field{align-items:flex-end;gap:15px;display:flex}.cover-field>label:first-child{flex:1}.upload-label{cursor:pointer;white-space:nowrap;min-height:41px;position:relative}.upload-label input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.editor-cover{object-fit:cover;border-radius:8px;max-width:300px;height:140px}.editor-tabs{margin:30px 0 14px}.compact{min-height:33px;padding:0 12px;font-size:11px}.markdown-input{font-family:Consolas,Microsoft YaHei,monospace;font-size:13px!important}.editor-preview{border:1px solid var(--line);border-radius:8px;min-height:350px;padding:20px 28px}.editor-bottom{justify-content:space-between;align-items:center;gap:20px;margin-top:25px;display:flex}.editor-bottom>div{gap:20px;display:flex}.checkbox{color:var(--muted);align-items:center;gap:9px;display:flex}.checkbox input{accent-color:#789833;width:15px;height:15px;margin:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes shimmer{to{background-position:-200% 0}}@media (width>=1500px){.hero{min-height:510px}.hero-visual{height:500px}.hero h1{font-size:54px}}@media (width<=1100px){.shell{width:calc(100% - 56px)}.hero h1{font-size:38px}.hero-visual{height:390px;margin-right:-15px}.hero{min-height:425px}.home-grid{grid-template-columns:1.9fr 1fr;gap:16px}.featured.article-card{grid-template-columns:.95fr 1fr}.featured .card-body{padding:14px}.featured .card-body h3{font-size:18px}.profile-card{padding:22px 18px}.profile-intro{gap:12px}.avatar{width:58px;height:58px}.profile-intro p{font-size:10px}.profile-topics{gap:5px}.profile-topics>a{padding:9px 6px}.small-articles .article-card{flex-direction:column}.small-articles .card-art{width:100%;height:150px}.small-articles .card-body{padding:14px}.small-articles h3{font-size:17px}.small-articles p{font-size:11px}.small-articles .card-meta{font-size:9px}.profile-scribble{font-size:15px}.article-grid{gap:17px}.card-body{padding:18px}.reading-layout{gap:35px}.project-description,.about-intro>div:last-child{padding:30px}.hero-caption{letter-spacing:1.4px}}@media (width<=800px){.shell{width:calc(100% - 40px)}.site-header{height:78px}.brand{min-width:auto}.brand>span{font-size:21px}.desktop-nav{gap:23px;margin-left:0}.header-actions{gap:7px;min-width:auto}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-top:30px}.hero h1{margin-right:0;font-size:42px}.hero-description br{display:none}.hero-description{max-width:450px}.hero-visual{height:340px;margin:-20px 0 0}.hero-visual img{object-fit:contain}.hero-caption{margin-top:25px}.visual-label.top{top:25px;right:20px}.home-grid{grid-template-columns:1fr}.featured.article-card{grid-template-columns:1fr 1fr}.profile-card{margin-top:6px}.profile-intro{margin-bottom:20px}.profile-topics{gap:15px;padding-top:20px}.profile-topics>a{padding:14px}.profile-scribble{margin-top:20px;padding-top:0}.profile-link{margin-top:25px}.small-articles .article-card{flex-direction:row}.small-articles .card-art{width:34%;height:auto}.home-note .eyebrow{display:none}.article-grid{grid-template-columns:1fr 1fr}.article-toolbar{flex-direction:column;align-items:flex-start}.inline-search{width:100%}.inline-search input{flex:1;width:auto}.reading-layout{grid-template-columns:1fr}.toc{display:none}.article-heading h1{font-size:32px}.detail-cover{height:270px}.project-feature{grid-template-columns:1fr}.project-visual{height:300px;min-height:0}.project-description{padding:30px}.project-principles,.about-values{gap:25px;padding-inline:0}.games-grid,.about-intro{grid-template-columns:1fr}.about-art{height:290px}.about-intro>div:last-child{padding:30px}.about-me{grid-template-columns:1fr}.about-photo{aspect-ratio:3/4}.about-me>div:last-child{padding:30px}.about-page .page-heading h1{font-size:33px}.notes-timeline .note-item{grid-template-columns:100px 1fr;gap:20px}.admin-heading h1{font-size:32px}.related-grid .article-card{display:flex}.related-grid .card-art{height:170px;min-height:0}.admin-row{padding:20px}.admin-row-actions{gap:3px}}@media (width<=560px){.shell{width:calc(100% - 36px)}.site-header{height:72px}.brand{gap:10px}.brand svg{width:27px}.brand>span{letter-spacing:3px;font-size:20px}.desktop-nav{display:none}.menu-toggle{display:flex}.action-divider{display:none}.header-actions{gap:5px}.icon-button{width:34px;height:34px}.mobile-nav{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;padding:10px 16px;display:flex}.mobile-nav a{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 4px;font-size:13px;display:flex}.mobile-nav a:last-child{border:0}.hero-copy{padding-top:27px;padding-bottom:20px}.availability{font-size:10px}.hero h1{letter-spacing:-1px;margin-top:21px;font-size:clamp(26px,7.5vw,38px);line-height:1.7}.hero-description{margin-bottom:23px;font-size:12px;line-height:2}.hero-buttons{gap:11px}.button{gap:12px;min-height:43px;padding:0 18px;font-size:12px}.hero-caption{letter-spacing:1.5px;gap:10px;margin-top:26px;font-size:8px}.hero-visual{height:285px;margin:-10px -12px 0}.visual-label.top{font-size:7px;top:25px;right:12px}.visual-label.bottom{font-size:7px;bottom:20px;left:15px}.visual-coordinates{font-size:7px;bottom:50px;right:12px}.hero-divider{gap:8px;font-size:9px}.hero-divider>span:last-child{letter-spacing:1px;font-size:6px}.latest{padding-top:23px}.section-heading{gap:12px;margin-bottom:18px}.section-heading h2{font-size:21px}.section-heading h2>span{display:none}.section-heading>a{gap:4px;font-size:10px}.featured.article-card{flex-direction:column;padding:7px;display:flex}.featured .card-art{height:205px;min-height:0}.featured .card-body{padding:16px 12px}.featured .card-body h3{margin-top:12px;font-size:21px}.featured .card-body p{-webkit-line-clamp:2;font-size:12px}.featured .card-meta{margin-top:8px}.small-articles{grid-template-columns:1fr;gap:14px;margin-top:14px}.small-articles .article-card{min-height:150px}.small-articles .card-art{width:32%}.small-articles .card-body{padding:14px 11px}.small-articles h3{font-size:17px}.small-articles p{font-size:11px}.profile-card{margin-top:0;padding:24px}.profile-intro{gap:20px}.avatar{width:72px;height:72px}.profile-intro p{font-size:12px}.profile-topics>a{padding:12px 10px}.home-note{padding:24px 0}.home-note p{font-size:10px;line-height:1.8}.site-footer{align-items:flex-start;gap:20px;padding:24px 0}.site-footer p{max-width:170px;font-size:9px;line-height:1.8}.footer-right{white-space:nowrap;gap:15px;padding-top:4px;font-size:8px}.page-view{padding-top:28px;padding-bottom:40px}.page-heading{margin-bottom:28px}.page-heading h1{margin-top:15px;font-size:30px;line-height:1.6}.page-heading p{font-size:12px}.eyebrow{letter-spacing:1.5px;font-size:8px}.filter-tabs{gap:1px}.filter-tabs button{padding:8px 11px;font-size:11px}.article-grid{grid-template-columns:1fr;gap:20px}.article-grid .card-art{height:210px}.card-body h3{font-size:21px}.card-body p{font-size:12px}.article-heading{margin-top:28px}.article-heading h1{font-size:29px}.article-heading>p{font-size:12px}.detail-meta{flex-wrap:wrap;gap:10px;font-size:9px}.detail-meta .icon-button{margin-left:0}.detail-cover{height:210px}.reading-layout{margin-top:32px}.prose{font-size:14px;line-height:2}.prose h2{font-size:23px}.prose pre{padding:17px;font-size:11px}.related-grid{grid-template-columns:1fr;gap:17px}.related-grid .article-card{grid-template-columns:.9fr 1.2fr;display:grid}.related-grid .card-art{height:100%;min-height:190px}.related-grid h3{font-size:16px}.related{margin-top:30px}.project-visual{height:250px}.project-description{padding:25px}.project-description h2{font-size:24px}.project-principles,.about-values{grid-template-columns:1fr;gap:25px;padding-top:35px}.project-principles>div,.about-values>article{border-bottom:1px solid var(--line);padding-bottom:17px}.about-values span{margin-left:15px;display:inline-block}.about-page .page-heading h1{font-size:28px}.about-art{height:230px}.about-intro>div:last-child{padding:25px}.about-photo{aspect-ratio:3/4}.about-me>div:last-child{padding:25px}.note-item{margin-bottom:30px;padding-left:17px;display:block!important}.note-date{gap:10px;margin-left:-17px;padding:0 0 14px}.note-item:before{top:21px;bottom:-30px;left:3px}.note-item article{padding:19px}.note-item h2{font-size:21px}.note-item img{height:170px}.notes-signoff{font-size:19px}.modal-backdrop{padding-top:85px}.search-dialog{padding:23px}.search-dialog form{flex-direction:column}.search-dialog .button{align-self:flex-end}.login-card{margin-top:15px;padding:27px}.login-card h1{font-size:25px}.admin-heading{align-items:flex-start;gap:15px}.admin-heading h1{margin-top:14px;font-size:28px}.admin-heading .button{gap:5px;min-height:34px;padding:0 11px;font-size:10px}.admin-heading .eyebrow{font-size:7px}.admin-row{flex-direction:column;align-items:flex-start;gap:14px;padding:17px}.admin-row h3{font-size:17px}.admin-row-actions{align-self:flex-end;gap:8px}.editor{padding:20px}.editor-fields{grid-template-columns:1fr;gap:17px}.cover-field{flex-wrap:wrap}.cover-field>label:first-child{flex-basis:100%}.editor-bottom{flex-direction:column;align-items:flex-end}.editor-bottom>div{align-self:flex-start;gap:15px}.checkbox{font-size:11px}.editor-preview{padding:16px}.confirm-dialog{padding:25px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.hero-visual img{-webkit-mask-image:radial-gradient(at 52% 48%,#000 42%,#0000 78%);mask-image:radial-gradient(at 52% 48%,#000 42%,#0000 78%)}:root[data-theme=dark] .hero-visual img{opacity:1;-webkit-mask-image:radial-gradient(#000 45%,#0000 80%);mask-image:radial-gradient(#000 45%,#0000 80%)}.detail-cover{height:210px}.article-heading{margin-top:28px;margin-bottom:24px}.reading-layout{margin-top:32px}@media (width<=800px){.detail-cover{height:160px}}@media (width<=560px){.detail-cover{height:130px}.reading-layout{margin-top:24px}}.ai-chat{z-index:90;flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:fixed;bottom:26px;right:26px}.ai-fab{background:var(--lime);color:#253319;border:0;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s;display:flex;box-shadow:0 8px 26px #7a9a2840}.ai-fab:hover{transform:translateY(-3px)}.ai-panel{flex-direction:column;width:340px;max-width:calc(100vw - 40px);display:flex;overflow:hidden}.ai-panel header{border-bottom:1px solid var(--line);padding:15px 18px}.ai-panel h3{font-family:var(--serif);margin:0 0 2px;font-size:17px;font-weight:600}.ai-panel .muted{margin:0;font-size:10px}.ai-msgs{flex-direction:column;gap:10px;min-height:140px;max-height:330px;padding:14px;display:flex;overflow-y:auto}.ai-msg{max-width:86%;font-size:12px;line-height:1.8}.ai-msg p{white-space:pre-wrap;word-break:break-word;border-radius:11px;margin:0;padding:9px 13px}.ai-msg.user{align-self:flex-end}.ai-msg.user p{background:var(--lime);color:#253319;border-bottom-right-radius:4px}.ai-msg.assistant{align-self:flex-start}.ai-msg.assistant .ai-md{background:var(--subtle);border-bottom-left-radius:4px;padding:9px 13px}.ai-md{word-break:break-word;font-size:12px;line-height:1.8}.ai-md p{margin:0 0 8px}.ai-md p:last-child{margin-bottom:0}.ai-md ul,.ai-md ol{margin:4px 0 8px;padding-left:18px}.ai-md li{margin:2px 0}.ai-md code{background:color-mix(in srgb,var(--green) 14%,transparent);border-radius:4px;padding:1px 5px;font-size:11px}.ai-md pre{background:var(--bg);border:1px solid var(--line);border-radius:7px;margin:6px 0;padding:9px 11px;overflow-x:auto}.ai-md pre code{background:0 0;padding:0}.ai-md a{color:var(--green);text-decoration:underline}.ai-md strong{font-weight:600}.ai-tools{gap:2px;display:flex}.ai-typing{color:var(--muted);align-items:center;gap:7px;display:inline-flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ai-related{flex-direction:column;gap:5px;margin:8px 4px 0;display:flex}.ai-related a{color:var(--green);align-items:baseline;gap:5px;font-size:11px;display:flex}.ai-related a:before{content:"›";flex-shrink:0}.ai-input{border-top:1px solid var(--line);align-items:center;gap:8px;padding:11px 13px;display:flex}.ai-input textarea{resize:none;flex:1;min-width:0;max-height:110px;padding:9px 12px;font-size:12px;line-height:1.6}@keyframes chat-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}.ai-panel{animation:.25s chat-in}@media (width<=560px){.ai-chat{bottom:16px;right:16px}.ai-panel{width:calc(100vw - 32px)}.ai-fab{width:48px;height:48px}}.tldr{border:1px solid var(--line);background:var(--subtle);border-radius:12px;margin-top:26px;padding:18px 22px}.tldr .eyebrow{color:var(--green)}.tldr p{margin:8px 0 0;font-size:13px;line-height:1.9}.stats-panel{margin-bottom:24px;padding:24px 26px}.stats-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.stats-head h2{font-family:var(--serif);margin:6px 0 0;font-size:20px}.stats-today{align-items:baseline;gap:8px;display:flex}.stats-today b{font-size:26px;font-family:var(--serif);font-weight:600}.stats-today span{color:var(--muted);margin-right:14px;font-size:11px}.stats-chart{width:100%;height:120px}.line-pv,.line-uv{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.line-pv{stroke:#8fb544}.line-uv{stroke:#5b7bd5}.stats-legend{color:var(--muted);align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.stats-legend .dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.stats-legend .dot.uv{margin-left:14px}.dot.pv{background:#8fb544}.dot.uv{background:#5b7bd5}.stats-top{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:16px;display:flex}.stats-top a{color:var(--muted);border:1px solid var(--line);border-radius:20px;align-items:baseline;gap:8px;padding:6px 12px;font-size:11px;display:inline-flex}.stats-top a:hover{border-color:var(--green);color:var(--green)}.stats-top b{color:var(--text);font-weight:600}.admin-actions{align-items:center;gap:10px;display:flex}.back-home{color:var(--muted);align-items:center;gap:6px;margin-top:20px;font-size:12px;display:inline-flex}.back-home:hover{color:var(--green)}.ask-ai{border:1px solid var(--line);color:var(--green);background:0 0;border-radius:20px;align-items:center;gap:6px;padding:6px 13px;font-size:11px;font-weight:600;transition:background .2s;display:inline-flex}.ask-ai:hover{background:var(--subtle)}.ai-context{color:var(--green);border-bottom:1px solid var(--line);background:#9abd3d14;align-items:center;gap:7px;padding:8px 16px;font-size:11px;display:flex}.ai-context span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ctx-clear{color:var(--muted);background:0 0;border:0;border-radius:4px;padding:2px 6px;font-size:15px;line-height:1}.ctx-clear:hover{color:var(--text);background:var(--subtle)}.ai-write-bar{border:1px dashed var(--line);background:var(--subtle);border-radius:9px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;display:flex}.ai-write-label{color:var(--green);align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.ai-tool{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:15px;padding:5px 12px;font-size:11px;transition:all .2s}.ai-tool:hover{border-color:var(--green);color:var(--green)}.ai-suggest{border:1px solid var(--line);background:var(--surface);border-radius:9px;margin-bottom:14px;padding:14px 16px}.ai-suggest-head{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.ai-suggest-text{white-space:pre-wrap;word-break:break-word;max-height:300px;margin:0;font-family:inherit;font-size:12px;line-height:1.9;overflow:auto}.ai-suggest-actions{justify-content:flex-end;margin-top:12px;display:flex}.title-option{text-align:left;border:1px solid var(--line);background:var(--subtle);border-radius:8px;width:100%;margin-bottom:7px;padding:9px 13px;font-size:12px;transition:all .2s;display:block}.title-option:hover{border-color:var(--green);background:#9abd3d12}.comments{margin-top:55px}.comments .count{margin-left:6px;font-size:13px;font-weight:400}.comment{border-bottom:1px solid var(--line);padding:20px 0}.comment.reply{border-left:2px solid var(--line);border-bottom:0;margin-left:44px;padding:16px 0 16px 18px}.comment-head{align-items:center;gap:10px;font-size:12px;display:flex}.comment-head .muted{font-size:10px}.comment-avatar{background:var(--subtle);border:1px solid var(--line);width:28px;height:28px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.comment-body{white-space:pre-wrap;word-break:break-word;margin:10px 0 8px;font-size:13px;line-height:1.9}.reply-link{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;padding:3px 0;font-size:11px;display:inline-flex}.reply-link:hover{color:var(--green)}.comment-empty{padding:26px 0;font-size:13px}.comment-skeleton{border-radius:10px;height:120px}.comment-form{margin-top:26px;padding:22px}.comment-fields{grid-template-columns:220px 1fr;gap:14px;display:grid}.comment-fields textarea{grid-row:span 2}.replying{color:var(--muted);background:var(--subtle);border-radius:7px;align-items:center;gap:6px;margin:0 0 12px;padding:8px 12px;font-size:11px;display:flex}.replying .ctx-clear{margin-left:auto}.comment-actions{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.comment-actions .muted{align-items:center;gap:5px;font-size:10px;display:inline-flex}.comment-admin{margin-top:34px;padding:24px}.comment-admin h2{font-family:var(--serif);font-size:20px;font-weight:500}.comment-admin h2 .muted{margin-left:10px;font-size:11px;font-weight:400}.comment-admin-row{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:15px;padding:14px 0;display:flex}.comment-admin-body{min-width:0;font-size:12px}.comment-admin-body .muted{margin-left:8px;font-size:10px}.comment-admin-body p{color:var(--text);word-break:break-word;margin:6px 0 0;font-size:12px;line-height:1.7}@media (width<=560px){.comment-fields{grid-template-columns:1fr}.comment.reply{margin-left:18px}.comment-actions{flex-direction:column;align-items:flex-end;gap:10px}.ai-write-bar{padding:9px 11px}}.mermaid-diagram{background:var(--subtle);border:1px solid var(--line);white-space:pre-wrap;border-radius:10px;margin:24px 0;padding:18px;font-family:Consolas,monospace;font-size:12px;overflow:auto}.mermaid-rendered{background:var(--surface);white-space:normal;justify-content:center;padding:8px;display:flex}.mermaid-rendered svg{max-width:100%;height:auto}.mermaid-error{color:#c0392b;font-size:12px}.search-snippet mark{color:#2f4213;background:#d9f58a;border-radius:2px;padding:0 1px}:root{--motion-ease:cubic-bezier(.22, 1, .36, 1);--glass:color-mix(in srgb, var(--bg) 82%, transparent)}#app{isolation:isolate}body{background:var(--bg);color:var(--text);transition:background-color .3s,color .3s}#main,.site-footer{z-index:1;position:relative}.ambient-scene{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-halo{filter:blur(80px);opacity:.55;border-radius:50%;position:absolute}.halo-one{background:#dcf4a745;width:620px;height:620px;top:-220px;right:-180px}.halo-two{background:#c3e5d82b;width:440px;height:440px;top:46%;left:-220px}.ambient-grid{background-image:linear-gradient(#78934608 1px,#0000 1px),linear-gradient(90deg,#78934608 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 85% 10%,#000 0%,#0000 55%);mask-image:radial-gradient(at 85% 10%,#000 0%,#0000 55%)}.ambient-particle{background:#a2bd6866;border-radius:50%;width:3px;height:3px;animation:16s ease-in-out infinite ambient-drift;position:absolute}:root[data-theme=dark] .halo-one{opacity:.6;background:#8db54020}:root[data-theme=dark] .halo-two{background:#458b7412}:root[data-theme=dark] .ambient-grid{background-image:linear-gradient(#b9e18a09 1px,#0000 1px),linear-gradient(90deg,#b9e18a09 1px,#0000 1px)}.header-frame{z-index:40;border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(1.35);backdrop-filter:blur(22px)saturate(1.35);width:min(1380px,100% - 48px);animation:nav-arrive .8s var(--motion-ease) both;border-radius:20px;margin:12px auto 0;transition:background .4s,box-shadow .4s,border-color .4s;position:sticky;top:12px;box-shadow:0 4px 24px #35492105,inset 0 1px #ffffff70}.header-frame.scrolled{background:color-mix(in srgb, var(--surface) 87%, transparent);box-shadow:0 12px 36px #27391912}.header-frame .site-header{width:100%;height:74px;transition:height .4s var(--motion-ease);padding:0 26px}.header-frame.scrolled .site-header{height:64px}.brand svg{transition:transform .7s var(--motion-ease)}.brand:hover svg{transform:translateY(-3px)rotate(-8deg)}.desktop-nav{gap:6px;margin-left:0}.desktop-nav a{border-radius:30px;padding:3px 18px;transition:background .3s,color .3s,box-shadow .3s}.desktop-nav a:hover{color:var(--green);background:color-mix(in srgb, var(--subtle) 75%, transparent)}.desktop-nav a.selected{color:var(--green);background:color-mix(in srgb, var(--lime) 20%, var(--surface));box-shadow:inset 0 0 0 1px #9bbf3930}.desktop-nav a.selected:after{display:none}.icon-button{transition:background .25s, transform .35s var(--motion-ease)}.icon-button:hover{transform:translateY(-2px)}.icon-button:active{transform:scale(.92)}.theme-button{overflow:hidden}.theme-button svg{transition:transform .6s var(--motion-ease)}.theme-button:hover svg{transform:rotate(22deg)}@keyframes page-in{0%{opacity:0;transform:translateY(14px)}}.page-view{animation:page-in .4s var(--motion-ease)}@media (prefers-reduced-motion:reduce){.page-view{animation:none}}.reveal-ready{transition:opacity .75s var(--motion-ease), transform .85s var(--motion-ease);transition-delay:var(--reveal-delay,0s)}.reveal-ready:not(.is-revealed){opacity:0;transform:translateY(25px)}.reveal-ready.is-revealed{opacity:1}.button{transition:transform .35s var(--motion-ease), box-shadow .35s, background .3s;position:relative;overflow:hidden}.button svg{transition:transform .35s var(--motion-ease)}.button:hover svg{transform:translate(2px,-2px)}.primary{box-shadow:0 6px 20px #a8cf421c,inset 0 1px #ffffff70}.primary:after{content:"";pointer-events:none;transition:transform .7s var(--motion-ease);background:linear-gradient(110deg,#0000 20%,#ffffff70 47%,#0000 75%);position:absolute;inset:0;transform:translate(-120%)}.primary:hover{box-shadow:0 12px 28px #95b93830}.primary:hover:after{transform:translate(120%)}.button:active{transform:translateY(0)scale(.97)}.editorial-emphasis{z-index:0;display:inline-block;position:relative}.editorial-emphasis:after{content:"";background:var(--lime);opacity:.58;z-index:-1;border-radius:50%;height:.14em;position:absolute;bottom:.14em;left:-.02em;right:-.03em;transform:rotate(-2deg)}.hero{padding-top:15px}.hero-visual{transform:translate3d(var(--hero-x,0px), calc(var(--hero-y,0px) + var(--scroll-drift,0px)), 0) rotate(var(--hero-angle,0deg));transition:transform .8s var(--motion-ease)}.hero-orbit{pointer-events:none;border:1px solid #88a64328;border-radius:50%;width:70%;height:80%;animation:35s linear infinite orbit-turn;position:absolute;top:10%;left:16%}.hero-orbit:before{content:"";background:#8caf45;border-radius:50%;width:5px;height:5px;position:absolute;top:-3px;left:50%;box-shadow:0 0 18px #add96666}.orbit-two{border-style:dashed;border-color:#88a6431c;width:82%;height:63%;animation-duration:55s;animation-direction:reverse;top:19%;left:10%}.orbit-two:before{width:3px;height:3px}@keyframes menu-in{0%{opacity:0;transform:translateY(-10px)}}@keyframes modal-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(-14px)scale(.97)}}@keyframes theme-ic{0%{opacity:0;transform:rotate(-80deg)scale(.5)}}@keyframes hero-swap{0%{opacity:0}}.mobile-nav{animation:menu-in .3s var(--motion-ease)}.modal-backdrop{animation:.2s modal-in}.modal-backdrop .search-dialog{animation:dialog-in .4s var(--motion-ease)}.theme-ic{animation:.2s theme-ic}.hero-visual img{animation:.35s hero-swap}@media (prefers-reduced-motion:reduce){.mobile-nav,.modal-backdrop,.modal-backdrop .search-dialog,.theme-ic,.hero-visual img{animation:none!important}}.hero-divider>a{transition:transform .35s,background .35s}.hero-divider>a:hover{background:var(--lime);color:#435721;transform:translateY(3px)}.hero-caption{position:relative}.hero-caption:before{content:"";background:#9ebb62;align-self:center;width:18px;height:1px}.section-heading h2{letter-spacing:-.5px}.section-heading>a svg,.profile-link svg,.text-link svg{transition:transform .35s var(--motion-ease)}.section-heading>a:hover svg,.profile-link:hover svg,.text-link:hover svg{transform:translate(3px,-3px)}.journal-heading{min-height:248px;margin-bottom:22px;padding:24px 0 32px;position:relative}.journal-topline{align-items:center;gap:22px;display:flex}.journal-edition{letter-spacing:1.8px;color:var(--green);border:1px solid var(--line);border-radius:30px;align-items:center;gap:8px;padding:6px 10px;font-size:8px;display:inline-flex}.journal-heading h1{letter-spacing:-2.5px;margin:23px 0 16px;font-size:clamp(42px,4.4vw,64px);line-height:1.55}.journal-heading>p{letter-spacing:.5px;max-width:620px}.heading-motif{pointer-events:none;width:240px;height:240px;position:absolute;top:4px;right:45px}.motif-ring{border:1px solid #90ad4429;border-radius:50%;animation:40s linear infinite motif-spin;position:absolute;inset:25px}.motif-ring:after{content:"";background:#a2c44d;border-radius:50%;width:7px;height:7px;position:absolute;top:-4px;left:45%;box-shadow:0 0 22px #bdde7440}.motif-ring:nth-child(2){border-style:dashed;animation-duration:48s;animation-direction:reverse;inset:0;transform:rotate(65deg)scaleX(.63)}.motif-ring:nth-child(3){background:radial-gradient(circle,#d2ee9625,#0000 70%);animation-duration:32s;inset:50px}.motif-center{color:#94ab6640;place-items:center;font-family:Georgia,serif;font-size:68px;font-style:italic;display:grid;position:absolute;inset:0}.motif-caption{letter-spacing:2px;color:var(--muted);font-size:7px;position:absolute;bottom:9px;right:0}.article-toolbar{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 68%,transparent);border-radius:16px;padding:14px 16px;box-shadow:0 8px 24px #34492104}.filter-tabs button{transition:background .3s, color .3s, box-shadow .3s, transform .3s var(--motion-ease)}.filter-tabs button:hover{color:var(--green);transform:translateY(-2px)}.filter-tabs button.active{color:var(--green);background:color-mix(in srgb,var(--lime) 23%,var(--surface));border-color:#a2bd4830;box-shadow:0 3px 10px #72942a09}.inline-search{background:var(--subtle);border-color:#0000;transition:box-shadow .3s,background .3s}.inline-search:focus-within{background:var(--surface);box-shadow:0 0 0 2px #a5c85e55}.listing-caption{padding:25px 3px}.motion-card{transform:perspective(1000px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg)) translateY(var(--lift,0px));transform-origin:50%;transition:transform .4s var(--motion-ease), opacity .75s var(--motion-ease), box-shadow .4s, border-color .4s;transition-delay:0s;position:relative}.motion-card.reveal-ready:not(.is-revealed){transform:perspective(1000px)translateY(28px)}.motion-card.reveal-ready{transition-delay:var(--reveal-delay,0s)}.motion-card:after{content:"";border-radius:inherit;background:radial-gradient(420px circle at var(--glow-x,50%) var(--glow-y,50%),#c5e98c25,transparent 62%);opacity:var(--shine,0);z-index:2;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.motion-card[data-tilting]{transition-duration:.16s,.75s,.4s,.4s}.card-art{isolation:isolate}.card-art img{transition:transform 1s var(--motion-ease), filter .6s}.card-explore{z-index:3;color:#26351d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:opacity .4s, transform .5s var(--motion-ease);background:#fafff0dc;border:1px solid #ffffff90;border-radius:30px;align-items:center;gap:9px;padding:9px 12px;font-size:9px;display:flex;position:absolute;bottom:13px;right:13px;transform:translateY(9px)}.card-meta>svg{box-sizing:content-box;transition:transform .4s var(--motion-ease), background .4s;border-radius:50%;padding:3px}.card-body h3{transition:color .3s}.article-grid{gap:25px}.article-grid .article-card{border-radius:18px}.article-grid .card-body{padding:24px}.profile-card{background:linear-gradient(140deg,var(--surface),color-mix(in srgb,var(--subtle) 30%,var(--surface)))}.profile-topics>a{transition:transform .4s var(--motion-ease), border-color .3s, background .3s}.profile-topics>a:hover{border-color:#a9c96366;transform:translateY(-4px)}.avatar{transition:transform .7s var(--motion-ease)}.profile-card:hover .avatar{transform:rotate(-7deg)}.panel,.header-frame,.article-toolbar,.filter-tabs button,.site-footer{transition-property:background,border-color,color,box-shadow;transition-duration:.3s}.motion-card{transition-property:transform,opacity,box-shadow,border-color,background}.panel.reveal-ready:not(.motion-card){transition-property:opacity,transform,background,border-color,box-shadow;transition-duration:.75s,.85s,.3s,.3s,.3s}.search-dialog{box-shadow:0 30px 100px #1b33152b}.reading-progress{z-index:60}.prose{position:relative}@media (hover:hover) and (pointer:fine){.article-card.motion-card:hover,.article-card.motion-card:focus-visible{--lift:-7px;transform:perspective(1000px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg)) translateY(var(--lift));border-color:#a4bd6b80;box-shadow:0 22px 52px #34482018}.motion-card:hover .card-art img,.motion-card:focus-visible .card-art img{transform:scale(1.075)}.motion-card:hover .card-explore,.motion-card:focus-visible .card-explore{opacity:1;transform:translateY(0)}.motion-card:hover .card-meta>svg{background:var(--subtle);transform:translate(3px,-3px)}.motion-card:hover h3{color:var(--green)}}@media (width<=1100px){.heading-motif{width:200px;height:200px;top:24px;right:0}.journal-heading h1{font-size:50px}.header-frame .site-header{padding-inline:20px}.desktop-nav a{padding-inline:13px}}@media (width<=800px){.header-frame{border-radius:18px;width:calc(100% - 28px);margin-top:9px;top:9px}.header-frame .site-header,.header-frame.scrolled .site-header{height:67px;padding-inline:16px}.desktop-nav{gap:1px}.desktop-nav a{padding-inline:11px;font-size:12px}.heading-motif{opacity:.6;width:155px;height:155px;top:42px;right:-8px}.journal-heading h1{z-index:1;font-size:42px;position:relative}.journal-heading>p{z-index:1;max-width:450px;position:relative}.journal-heading{min-height:230px}.journal-edition{display:none}.hero-visual{transform:none}.hero-orbit{animation-duration:50s}.article-toolbar{padding:12px}.article-grid{gap:20px}}@media (width<=560px){.header-frame{border-radius:16px;width:calc(100% - 24px);margin-top:8px;top:8px}.header-frame .site-header,.header-frame.scrolled .site-header{height:62px;padding-inline:13px}.header-frame .brand{gap:9px}.header-frame .brand>span{letter-spacing:2.7px;font-size:18px}.header-frame .brand svg{width:25px}.header-frame .header-actions{gap:3px}.mobile-nav{background:var(--surface);width:100%;padding:10px 16px;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 16px 45px #25341b18}.ambient-particle{display:none}.ambient-halo{filter:blur(60px);opacity:.35}.hero{padding-top:0}.hero-orbit{height:70%;top:15%}.journal-heading{min-height:220px;margin-bottom:10px;padding-top:20px;padding-bottom:24px}.journal-heading h1{letter-spacing:-1.8px;margin-top:21px;font-size:clamp(29px,8.8vw,38px)}.journal-heading>p{max-width:275px;font-size:12px}.heading-motif{opacity:.45;width:116px;height:116px;top:73px;right:-6px}.motif-ring{inset:12px}.motif-ring:nth-child(2){inset:0}.motif-ring:nth-child(3){inset:27px}.motif-center{font-size:42px}.motif-caption{display:none}.article-toolbar{border-radius:13px;gap:14px;padding:11px}.filter-tabs{gap:4px}.filter-tabs button{padding:8px 10px;font-size:10px}.inline-search{width:100%;padding:10px}.article-grid .card-body{padding:22px}.article-grid .card-art{height:225px}.card-explore{opacity:1;padding:7px 10px;font-size:8px;transform:none}.small-articles .card-explore{display:none}.motion-card,.article-card.motion-card:hover{transform:none}}@media (prefers-reduced-motion:reduce){.reveal-ready,.reveal-ready:not(.is-revealed){opacity:1!important;transform:none!important}.hero-visual,.motion-card,.article-card.motion-card:hover{transform:none!important}.ambient-particle,.hero-orbit,.motif-ring{animation:none!important}.card-art img,.motion-card:hover .card-art img{transform:none!important}.header-frame{animation:none!important}.card-explore{transition:none!important}}@keyframes ambient-drift{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.75;transform:translateY(-25px)}}@keyframes nav-arrive{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit-turn{0%{transform:rotate(-25deg)scaleY(.7)}50%{transform:rotate(18deg)scaleY(.7)}to{transform:rotate(-25deg)scaleY(.7)}}@keyframes motif-spin{0%{rotate:0deg}to{rotate:360deg}}