.article-back{align-items:center;color:#9a8bab;display:inline-flex;font-size:11px;gap:8px;margin:30px 0 25px}.article-header{max-width:850px;padding-bottom:32px}.article-header>div:first-child{align-items:center;color:var(--primary);display:flex;font-size:11px;gap:9px}.article-header h1{font-size:36px;line-height:1.5;margin:15px 0}.article-header>p{color:#9a8eaa;font-size:14px;line-height:1.9}.article-info{color:#afa2bd;display:flex;font-size:10px;gap:20px;margin-top:22px}.article-info span{align-items:center;display:flex;gap:5px}.article-layout{align-items:start;display:grid;gap:40px;grid-template-columns:minmax(0,790px) 1fr}.article-body{background:#fff;border:1px solid #e9e5ef;border-radius:17px;color:#61596d;font-size:16px;line-height:1.95;overflow-wrap:anywhere;padding:36px 42px}.article-body h2{font-size:23px;margin:35px 0 15px}.article-body h2,.article-body h3{color:#41394e;scroll-margin-top:25px}.article-body h3{font-size:19px;margin:28px 0 13px}.article-body p{margin:18px 0}.article-body ol,.article-body ul{padding-left:24px}.article-body li{margin:7px 0}.article-body blockquote{background:#f5f2fb;border-left:3px solid #a395d6;color:#9a8bab;font-size:13px;margin:20px 0;padding:8px 18px}.article-body blockquote p{margin:3px 0}.article-body a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.article-body img{border-radius:9px;display:block;height:auto;max-width:100%}.article-body pre{background:#282435;border-radius:10px;color:#e8e3f5;font-size:12px;line-height:1.8;overflow:auto;padding:23px 20px;position:relative}.article-body pre code{font-family:Consolas,monospace}.article-body :not(pre)>code{background:#f3eff8;border-radius:4px;color:#9274ba;font-size:.85em;padding:2px 5px}.article-body table{border-collapse:collapse;display:block;font-size:13px;overflow-x:auto}.article-body td,.article-body th{border:1px solid #e8e2ef;padding:9px 13px}.article-body .hljs-keyword,.article-body .hljs-literal{color:#caabf8}.article-body .hljs-string{color:#abd9b7}.article-body .hljs-title{color:#e5cd9a}.article-body .hljs-comment{color:#a197b1}.article-body .hljs-number{color:#efc296}.article-toc{border-left:1px solid #e5dfed;color:#a294ae;font-size:11px;padding-left:22px;position:sticky;top:30px}.article-toc summary{color:#7e6c91;cursor:pointer;font-size:12px;font-weight:600;margin-bottom:12px}.article-toc a{display:block;padding:7px 0}.article-toc a.sub{font-size:10px;padding-left:12px}.article-toc a.active{color:var(--primary);font-weight:600}.code-toolbar{display:flex;justify-content:flex-end;margin-top:-10px}.code-toolbar button{background:var(--soft);border-radius:4px;color:var(--primary);font-size:10px;padding:4px 8px}.article-neighbors{display:flex;gap:20px;justify-content:space-between;margin:30px 0 45px}.article-neighbors a{background:#fff;border:1px solid var(--line);border-radius:12px;flex:1;font-size:12px;padding:18px}.article-neighbors small{color:#b3a5bd;display:block;font-size:9px;margin-bottom:5px}.related-title{font-size:18px;margin-bottom:20px}.article-layout .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:767px){.article-header h1{font-size:27px}.article-header>p{font-size:12px}.article-info{flex-wrap:wrap;gap:13px}.article-layout{display:flex;flex-direction:column;gap:18px}.article-main{order:2;width:100%}.article-toc{background:#fff;border:1px solid var(--line);border-radius:9px;order:1;padding:13px 17px;position:static;width:100%}.article-toc summary{margin:0}.article-toc a{font-size:11px}.article-body{font-size:15px;padding:22px 20px}.article-body h2{font-size:21px}.article-body pre{font-size:11px;padding:18px 13px}.article-neighbors{gap:10px}.article-neighbors a{font-size:11px;padding:13px}}:root{--bg:#f8f9fc;--paper:#fff;--ink:#24263b;--muted:#858797;--primary:#6962d9;--line:#ebecf2;--soft:#f0effc;--radius:18px;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-size:14px;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input{-webkit-tap-highlight-color:transparent}button{background:none;border:0;color:inherit;cursor:pointer}input{min-width:0}button:disabled{cursor:default;opacity:.45}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a8a0ee;outline-offset:4px}svg{flex-shrink:0}img{max-width:100%}h1,h2,h3,p{margin:0}.container{margin:0 auto;max-width:1200px;padding:0 28px}.header{background:#ffffffe6;border-bottom:1px solid var(--line);height:90px}.header-inner{gap:30px;height:100%;justify-content:space-between;margin:auto;max-width:1320px;padding:0 40px}.brand,.header-inner{align-items:center;display:flex}.brand{gap:11px;white-space:nowrap}.brand-icon{background:var(--primary);border-radius:12px;color:#fff;display:grid;font-size:31px;height:39px;line-height:1;place-items:center;width:39px}.brand strong{font-size:25px;letter-spacing:3px}.brand-en{border-left:1px solid #dddde8;font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.5;padding-left:13px}.brand-en small{color:var(--muted);display:block;font-size:7px;letter-spacing:1.25px}.main-nav,.main-nav a{display:flex;gap:7px}.main-nav a{align-items:center;border-radius:9px;color:#77798a;font-size:14px;padding:9px 17px;transition:.2s}.main-nav a.active,.main-nav a:hover{background:var(--soft);color:var(--primary)}.header-actions{gap:22px}.header-actions,.icon-button{align-items:center;display:flex}.icon-button{border-radius:8px;height:36px;justify-content:center;width:34px}.icon-button:hover{background:var(--soft)}.header-note{font-size:12px;font-weight:600;white-space:nowrap}.header-note span{color:var(--primary);margin-left:4px}.mobile-menu{display:none}.skip-link{background:var(--ink);color:#fff;padding:12px;position:fixed;top:-100px;z-index:100}.skip-link:focus{top:8px}.hero{display:grid;gap:15px;grid-template-columns:1.08fr 1fr;min-height:454px;padding:58px 0 32px}.eyebrow,.hero{align-items:center}.eyebrow{color:var(--primary);display:flex;font-size:10px;font-weight:700;gap:9px;letter-spacing:2.2px}.live-dot{background:#64b294;border-radius:50%;box-shadow:0 0 0 4px #64b29413;display:inline-block;flex-shrink:0;height:6px;width:6px}.hero h1{font-size:47px;font-weight:750;letter-spacing:1px;line-height:1.45}.hero .eyebrow{margin-bottom:18px}.hero h1.accent{color:var(--primary)}.hero-copy>p{color:#858597;font-size:13px;line-height:2.1;margin:19px 0 25px;max-width:380px}.hero-buttons{display:flex;gap:12px}.btn{align-items:center;border-radius:10px;display:inline-flex;font-size:12px;font-weight:600;gap:12px;justify-content:center;min-height:43px;padding:10px 19px;transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--primary);box-shadow:0 5px 12px #6962d922;color:#fff}.btn.white{background:#fff;border:1px solid #e7e7ef;color:#54546c}.hero-footnote{align-items:center;color:#9898a8;display:flex;font-size:10px;gap:8px;margin-top:23px}.hero-footnote span{color:#a99cdb;font-size:17px}.hero-visual{height:365px;isolation:isolate;position:relative}.visual-grid{background-image:linear-gradient(#d7d7ee44 1px,transparent 0),linear-gradient(90deg,#d7d7ee44 1px,transparent 0);background-size:27px 27px;inset:0;-webkit-mask-image:radial-gradient(ellipse at 55% 50%,#000 0,transparent 71%);mask-image:radial-gradient(ellipse at 55% 50%,#000 0,transparent 71%);position:absolute}.hero-visual:before{background:radial-gradient(ellipse,#d6d0fa99,transparent 69%);content:"";inset:20px;position:absolute;z-index:-1}.orbit{border:1px solid #dcd9f1;border-radius:50%;height:260px;left:40px;position:absolute;right:20px;top:53px;transform:rotate(-25deg)}.orbit-two{border-style:dashed;height:195px;top:95px;transform:rotate(24deg)}.garden-window{background:#fff;border:1px solid #e7e5f4;border-radius:13px;box-shadow:0 23px 55px #5f559b16,0 4px 14px #30276e08;left:100px;overflow:hidden;position:absolute;top:16px;transform:rotate(-7deg);width:280px}.window-top{align-items:center;border-bottom:1px solid #f0eef6;display:flex;gap:4px;height:31px;padding:0 12px}.window-top i{background:#d9d5e8;border-radius:50%;height:5px;width:5px}.window-top i:first-child{background:#edb8bb}.window-top i:nth-child(2){background:#e6d4a0}.window-top i:nth-child(3){background:#acd1bc}.window-top>span{color:#a6a2b5;font-size:7px;letter-spacing:.4px;margin:auto}.window-top>svg{color:#aaa3d5}.window-body{background:linear-gradient(145deg,#fff,#f7f5ff);padding:17px 20px 10px}.window-kicker{color:#9e98b6;font-size:7px;letter-spacing:2px}.garden-sculpture{height:125px;position:relative}.sculpture-ring{border:22px solid #a299e9;border-radius:50%;box-shadow:inset 5px 4px 6px #5a529755,9px 11px #d8d1f5;height:93px;left:69px;position:absolute;top:7px;transform:rotate(-25deg) skew(-12deg);width:93px;z-index:2}.sculpture-ball{background:radial-gradient(circle at 30% 25%,#e7ecb4,#c6d281 60%,#b1bd6e);box-shadow:5px 8px 10px #7b824122;height:43px;left:162px;top:59px;width:43px;z-index:3}.sculpture-ball,.sculpture-base{border-radius:50%;position:absolute}.sculpture-base{background:linear-gradient(#ebe8f6,#ddd8ef);box-shadow:0 9px #e5e0f2;height:31px;left:48px;top:94px;width:166px}.garden-sculpture>span{color:#bab2df;font-size:35px;left:29px;position:absolute;top:38px}.window-body>strong{color:#565074;display:block;font-size:24px;letter-spacing:-.8px;line-height:1.15;margin:4px 0 17px}.window-bottom{align-items:center;border-top:1px solid #e9e5f3;color:#9d97b1;display:flex;font-size:7px;justify-content:space-between;padding-top:9px}.window-bottom b{background:#a1b47a;border-radius:50%;display:inline-block;height:4px;margin-right:4px;width:4px}.floating-card{align-items:center;background:#fffffff5;border:1px solid #eeeaf7;border-radius:12px;box-shadow:0 10px 25px #61538d10;display:flex;gap:10px;padding:13px 15px;position:absolute;z-index:3}.floating-card strong{display:block;font-size:11px}.floating-card small{color:#9e99ae;display:block;font-size:8px;margin-top:2px}.card-code{left:36px;top:207px;transform:rotate(4deg)}.float-icon{background:#f0edf9;border-radius:9px;color:#7c73bc;display:grid;height:34px;place-items:center;width:34px}.float-check{background:#edf5ec;border-radius:50%;color:#8ea87d;display:grid;font-size:10px;height:17px;margin-left:10px;place-items:center;width:17px}.card-note{right:-5px;top:105px;transform:rotate(7deg)}.card-note>span{background:#f4f5e6;border-radius:9px;color:#a5a96d;font-size:24px;height:32px;text-align:center;width:32px}.float-star{position:absolute;z-index:4}.star-one{bottom:29px;color:#aba1d8;font-size:46px;right:35px;transform:rotate(10deg)}.star-two{color:#c1c687;font-size:25px;left:46px;top:54px}.visual-coordinate{color:#a9a3bd;font-size:7px;letter-spacing:1px;position:absolute;right:6px;top:1px}.visual-caption{bottom:1px;color:#aaa4bd;font-size:8px;left:138px;letter-spacing:2px;position:absolute}.home-search{align-items:center;background:#fff;border:1px solid #e8e7f1;border-radius:13px;box-shadow:0 4px 13px #28244902;display:flex;gap:16px;margin:10px 0 38px;padding:12px 16px}.home-search>svg{color:#aaa5c4}.search-modes{border-right:1px solid #eceaf3;display:flex;gap:5px;padding-right:14px}.search-modes button{border-radius:6px;color:#8c879d;font-size:11px;padding:5px 10px}.search-modes .selected{background:#f1effb;color:var(--primary)}.home-search input{background:none;border:0;color:#55536d;flex:1;font-size:12px;outline:none}.home-search input::-moz-placeholder{color:#aaa8b7}.home-search input::placeholder{color:#aaa8b7}.search-submit{background:#f1effb;border-radius:7px;color:var(--primary);display:grid;height:31px;place-items:center;width:33px}.search-hint{color:#b1adbd;font-size:9px;margin-right:6px;order:0}.home-search .search-submit{order:1}.section{margin-bottom:38px}.section-heading{align-items:flex-end;display:flex;gap:10px;justify-content:space-between;margin-bottom:20px}.section-kicker{color:#a5a2b5;display:block;font-size:8px;font-weight:600;letter-spacing:1.7px;margin-bottom:5px}.section-heading h2{align-items:center;display:flex;font-size:19px;gap:8px;letter-spacing:.7px}.section-heading h2 svg{color:var(--primary);width:19px}.text-link{align-items:center;color:#8b859f;display:inline-flex;font-size:11px;gap:8px;white-space:nowrap}.text-link:hover{color:var(--primary)}.quick-sites{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.site-card{align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;gap:13px;padding:20px;position:relative;transition:border .2s,transform .2s,box-shadow .2s}.site-card:hover{border-color:#cdc7ed;box-shadow:0 6px 18px #6958b009;transform:translateY(-3px)}.site-logo{border-radius:11px;display:grid;font-size:24px;height:43px;max-width:43px;min-width:43px;overflow:hidden;place-items:center}.site-logo b{font-weight:750}.site-logo img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.site-card strong{align-items:center;display:flex;font-size:14px;font-weight:650;gap:8px;padding-right:14px}.site-card p{color:#9591a5;font-size:11px;margin-top:4px}.site-card.compact{align-items:center;gap:11px;padding:15px}.compact .site-logo{border-radius:9px;font-size:22px;height:34px;max-width:34px;min-width:34px}.compact strong{font-size:12px}.compact p{font-size:9px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-arrow{color:#b2adbe;opacity:.6;position:absolute;right:13px;top:16px}.compact .site-arrow{right:10px;top:10px;width:12px}.site-tags{display:flex;gap:5px;margin-top:14px}.site-tags span,.tiny-tag{background:#f6f5fa;border-radius:4px;color:#9590aa;font-size:9px;padding:2px 6px}.tiny-tag{background:var(--soft);color:var(--primary);font-weight:400}.home-content{display:grid;gap:28px;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr)}.post-grid{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.post-grid.two{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.post-card{background:#fff;border:1px solid var(--line);border-radius:14px;min-width:0;overflow:hidden;transition:.2s}.post-card:hover{border-color:#d9d3ef;box-shadow:0 10px 24px #48426b0b;transform:translateY(-4px)}.post-art{align-items:center;display:flex;height:160px;isolation:isolate;justify-content:center;overflow:hidden;position:relative}.post-art.violet{background:#eeebf9;color:#9a8bc7}.post-art.blue{background:#e8effa;color:#7c9ecc}.post-art.mint{background:#e8f2ed;color:#7caa98}.post-art.peach{background:#f7eee8;color:#c7a18b}.post-art:before{background-image:linear-gradient(currentColor 1px,transparent 0),linear-gradient(90deg,currentColor 1px,transparent 0);background-size:30px 30px;content:"";inset:0;-webkit-mask-image:radial-gradient(ellipse at center,#00000024,transparent 75%);mask-image:radial-gradient(ellipse at center,#00000024,transparent 75%);opacity:.5;position:absolute;z-index:-1}.post-art>svg{background:#fff6;border:1px solid #ffffff99;border-radius:18px;box-shadow:8px 9px #fff4;box-sizing:content-box;padding:14px;position:relative;transform:rotate(-10deg)}.post-art.blue>svg{transform:rotate(8deg)}.post-art.mint>svg{transform:rotate(-8deg)}.art-label{left:17px;letter-spacing:1.5px;text-transform:uppercase;top:14px}.art-corner,.art-label{font-size:8px;position:absolute}.art-corner{bottom:14px;letter-spacing:.7px;opacity:.85;right:16px}.art-orbit{border:1px solid;border-radius:50%;height:85px;opacity:.2;position:absolute;transform:rotate(-25deg);width:190px}.post-copy{padding:19px 20px 14px}.post-meta{align-items:center;color:var(--primary);display:flex;font-size:9px;gap:8px;margin-bottom:9px}.pin{background:#f4f2fa;border-radius:4px;color:#9b91b6;font-size:8px;padding:1px 5px}.post-copy h3{font-size:15px;font-weight:650;letter-spacing:.1px;line-height:1.6}.post-copy>p{color:#9995a6;display:-webkit-box;font-size:11px;-webkit-line-clamp:2;line-height:1.9;margin:8px 0 17px;-webkit-box-orient:vertical;min-height:41px;overflow:hidden}.post-bottom{align-items:center;border-top:1px solid #f2f0f6;color:#aaa5b6;display:flex;font-size:9px;gap:12px;padding-top:12px}.post-bottom>span:nth-child(2){align-items:center;display:flex;gap:4px}.post-bottom>svg{color:#a59cb8;margin-left:auto}.hot-preview{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.hot-preview-top{border-bottom:1px solid #f1eff5;display:flex;font-size:11px;justify-content:space-between;padding:17px 18px}.hot-preview-top>span:first-child{align-items:center;display:flex;gap:9px}.hot-preview-top>span:last-child{background:#f7f5fa;border-radius:4px;color:#b3acbf;font-size:8px;padding:2px 6px}.hot-preview-item{border-bottom:1px solid #f6f4f8;display:flex;gap:12px;padding:14px 18px}.rank{color:#b1a9c2;flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;font-weight:600}.hot-preview-item:nth-child(2) .rank{color:#db9a91}.hot-preview-item strong{display:-webkit-box;font-size:11px;font-weight:500;-webkit-line-clamp:2;line-height:1.7;-webkit-box-orient:vertical;overflow:hidden}.hot-preview-item small{color:#b3acbc;display:block;font-size:8px;margin-top:4px}.hot-preview-item:hover strong{color:var(--primary)}.hot-more{background:#fdfcfe;color:#8d849e;font-size:10px;gap:10px;padding:14px}.hot-empty,.hot-more{align-items:center;display:flex;justify-content:center}.hot-empty{color:#bab2cd;flex-direction:column;min-height:220px;padding:20px;text-align:center}.hot-empty strong{color:#91869f;font-size:12px;margin-top:13px}.hot-empty p{color:#b0a7ba;font-size:10px;line-height:1.9;margin-top:9px;max-width:180px}.quote-card{background:#f0f0e8;border:1px solid #e9e9dd;border-radius:14px;margin-top:20px;overflow:hidden;padding:23px;position:relative}.quote-card>span{color:#a5ac89;display:block;font-family:Georgia;font-size:49px;line-height:.7}.quote-card p{color:#727b5b;font-size:16px;letter-spacing:1px;line-height:1.9;margin:6px 0 18px}.quote-card small{color:#a6ab91;font-size:6px;letter-spacing:1px}.quote-card>svg{bottom:37px;color:#bec3a5;position:absolute;right:22px;transform:rotate(-15deg)}.demo-note{color:#b4acbd;font-size:9px;line-height:1.8;margin:12px 4px}.closing-banner{align-items:center;background:#eeecf8;border:1px solid #e5e1f3;border-radius:16px;display:flex;isolation:isolate;justify-content:space-between;margin:46px 0 58px;overflow:hidden;padding:31px 38px;position:relative}.closing-banner>div>span{color:#a097bd;font-size:8px;letter-spacing:2px}.closing-banner h2{color:#61577f;font-size:23px;margin:6px 0}.closing-banner p{color:#9a90af;font-size:11px}.closing-banner .btn{z-index:2}.closing-star{color:#e1dcef;font-size:180px;line-height:1;position:absolute;right:170px;top:-26px;transform:rotate(16deg);z-index:-1}.footer{background:#fff;border-top:1px solid #e9e8f0;padding:32px 0}.footer-inner{align-items:center;display:flex;gap:25px;justify-content:space-between}.footer-brand{color:#777082;font-size:20px;font-weight:650;letter-spacing:2px}.footer p{color:#aaa5b4;font-size:10px;margin-top:9px}.footer-right{color:#a29baa;font-size:10px;text-align:right}.footer-right>span{color:#8d869b;font-size:11px}.footer-right>div{display:flex;gap:17px;justify-content:flex-end;margin:8px 0}.footer-right small{font-size:8px}.footer-right a:hover{color:var(--primary)}.page-heading{padding:57px 0 35px}.page-heading h1{font-size:34px;letter-spacing:1px;line-height:1.5;margin:15px 0 11px}.page-heading h1 span{color:var(--primary)}.page-heading p{color:#9390a5;font-size:13px}.filter-toolbar{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:15px;justify-content:space-between;margin:5px 0 23px;padding-bottom:17px}.filter-tabs{display:flex;flex-wrap:wrap;gap:5px}.filter-tabs button{border-radius:8px;color:#9790a5;font-size:12px;padding:8px 16px}.filter-tabs button.active{background:var(--soft);color:var(--primary);font-weight:600}.small-search{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:#aaa2b9;display:flex;gap:10px;padding:8px 12px}.small-search input{background:none;border:0;font-size:11px;outline:none;width:150px}.small-search button{color:var(--primary);display:flex;padding:0}.tag-filter{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:27px}.tag-filter>span{color:#a7a0b4;font-size:10px;margin-right:5px}.tag-filter>button{background:#f0eef6;border-radius:5px;color:#9990a9;font-size:10px;padding:3px 9px}.tag-filter>button.active{background:var(--primary);color:#fff}.pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin:40px 0}.pagination button{background:#fff;border:1px solid var(--line);border-radius:8px;font-size:12px;padding:7px 15px}.pagination span{color:var(--muted);font-size:12px}main.container{min-height:calc(100vh - 255px);padding-bottom:55px}.wide-search{align-items:center;background:#fff;border:1px solid #e5e1f0;border-radius:12px;color:#a79cbd;display:flex;gap:17px;margin-bottom:32px;padding:11px 12px 11px 21px}.wide-search input{background:none;border:0;flex:1;font-size:13px;outline:none}.wide-search .btn{min-height:36px}.nav-layout{display:grid;gap:35px;grid-template-columns:170px 1fr}.category-sidebar>span{color:#aaa2b5;display:block;font-size:9px;letter-spacing:1px;margin:5px 12px 17px}.category-sidebar>button{align-items:center;border-radius:9px;color:#92889f;display:flex;font-size:12px;gap:10px;margin:4px 0;padding:11px 13px;text-align:left;width:100%}.category-sidebar>button.active{background:#ece9f8;color:var(--primary);font-weight:600}.sidebar-note{border-top:1px solid var(--line);color:#b3a9c7;margin-top:22px;padding:25px 13px}.sidebar-note p{font-size:11px;line-height:1.9;margin-top:9px}.list-caption{align-items:center;display:flex;justify-content:space-between;margin:5px 0 19px}.list-caption h2{font-size:17px}.list-caption>span{color:#aaa1b6;font-size:10px}.sites-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.sites-grid .site-card{min-height:145px}.sites-grid .site-card strong{font-size:13px}.sites-grid .site-card p{font-size:10px}.search-results{grid-template-columns:repeat(4,minmax(0,1fr))}.empty-state{align-items:center;background:#fff6;border:1px dashed #ded8e9;border-radius:14px;color:#b0a6bd;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:50px 20px;text-align:center}.empty-state h3{color:#968ca5;font-size:14px;font-weight:500;margin:15px 0 7px}.empty-state p{font-size:12px;max-width:310px}.empty-state .btn{margin-top:20px}.loading-line{color:var(--primary);font-size:12px;padding:10px}.muted{color:#a097ad;font-size:11px}.source-note{align-items:center;color:#a398b1;display:flex;font-size:11px;gap:8px;margin-bottom:22px}.hot-grid{align-items:start;display:grid;gap:23px;grid-template-columns:repeat(3,minmax(0,1fr))}.hot-board{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.hot-board>header{align-items:center;display:flex;gap:12px;padding:22px 20px 14px}.source-icon{border-radius:11px;display:grid;font-weight:700;height:40px;place-items:center;width:40px}.source-icon.orange{background:#fff0e5;color:#de8a4f}.source-icon.violet{background:#efebfa;color:#8b72bc}.source-icon.blue{background:#e7effa;color:#6a92c3}.hot-board h2{font-size:15px}.hot-board header div>span{color:#aa9eb8;font-size:9px}.status-dot{background:#7cba9a;border-radius:50%;height:6px;margin-left:auto;width:6px}.status-dot.stale{background:#c6bdcf}.board-updated{border-bottom:1px solid #f4f1f7;color:#b2a8c0;font-size:9px;padding:0 20px 16px}.warning{color:#c09264;display:block;margin-top:4px}.hot-board ol{list-style:none;margin:0;padding:0 19px}.hot-board li{border-bottom:1px solid #f4f1f7}.hot-board li a{align-items:flex-start;display:flex;font-size:12px;gap:12px;line-height:1.75;padding:15px 0}.hot-board li a>span:nth-child(2){flex:1}.hot-board li a>svg{color:#c6bed0;margin-top:4px}.hot-board li:nth-child(-n+3) .rank{color:#c99d93}.hot-board li a:hover{color:var(--primary)}.hot-board>footer{align-items:center;background:#fdfcff;color:#b5aabf;display:flex;font-size:9px;gap:6px;padding:14px 20px}.hot-board .empty-state{border:0;margin:16px;min-height:260px;padding:40px 16px}.about-layout{display:grid;gap:35px;grid-template-columns:1.6fr 1fr;margin-top:15px}.about-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:45px}.about-avatar{background:var(--soft);border-radius:24px;color:var(--primary);display:grid;font-size:63px;height:78px;line-height:1;margin-bottom:28px;place-items:center;width:78px}.about-label{color:#b1a6c0;font-size:9px;letter-spacing:2px}.about-card h2{font-size:29px;margin:8px 0 23px}.about-prose p{color:#8d829c;font-size:14px;line-height:2;margin:18px 0;white-space:pre-wrap}.about-links{display:flex;gap:12px;margin-top:30px}.about-values>span{color:#a99bb8;display:block;font-size:11px;margin-bottom:15px}.about-values>a{background:#fff;border:1px solid var(--line);border-radius:16px;display:block;margin-bottom:14px;padding:25px}.about-values svg{color:#a08bc1}.about-values h3{font-size:15px;margin:12px 0 6px}.about-values p{color:#a195ad;font-size:12px}.hero h1>span{display:block}.hero h1>span.accent{color:var(--primary)}@media(min-width:1500px){.container{max-width:1270px}.hero{min-height:475px;padding-top:72px}.hero-visual{margin-left:25px;max-width:490px}}@media(max-width:1100px){.brand-en{display:none}.header-inner{padding:0 28px}.main-nav a{padding:8px 12px}.hero h1{font-size:39px}.hero-visual{margin-left:-15px;transform:scale(.88);transform-origin:50% 50%}.search-hint{display:none}.sites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-results{grid-template-columns:repeat(3,minmax(0,1fr))}.compact p{max-width:122px}.quick-sites{gap:9px}.site-card.compact{padding:13px 10px}.compact .site-arrow{display:none}.home-content{gap:22px}.post-copy{padding:16px}.post-bottom{gap:8px}.hot-grid{gap:14px}.hot-board>header{padding:19px 16px 14px}}@media(max-width:767px){.container{padding-left:20px;padding-right:20px}.header{height:72px}.header-inner{gap:10px;padding:0 20px}.brand-icon{border-radius:10px;font-size:27px;height:33px;width:33px}.brand strong{font-size:22px}.header-actions{gap:9px}.header-note{display:none}.mobile-menu{display:flex}.main-nav{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 25px #30234f12;display:none;flex-wrap:wrap;left:12px;padding:12px;position:absolute;right:12px;top:72px;z-index:20}.main-nav.open{display:flex}.main-nav a{flex:1;justify-content:center;min-width:70px;white-space:nowrap}.hero{gap:0;grid-template-columns:1fr;padding:38px 0 16px}.hero h1{font-size:36px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-copy>p{font-size:12px;margin:16px 0 22px;max-width:360px}.hero-footnote{margin-top:17px}.hero-visual{height:310px;margin:20px auto -25px;max-width:390px;transform:scale(.88);transform-origin:50% 30%;width:100%}.garden-window{left:73px;width:256px}.card-note{right:-10px;top:90px}.card-code{left:3px;top:195px}.star-one{bottom:5px;right:18px}.visual-caption{bottom:-15px;left:85px}.home-search{gap:10px;margin-top:12px;padding:10px}.search-modes{padding-right:9px}.search-modes button{font-size:10px;padding:4px 5px}.home-search>svg{width:16px}.home-search input{font-size:10px}.search-submit{height:28px;width:28px}.section{margin-bottom:29px}.section-heading h2{font-size:17px}.section-heading{margin-bottom:15px}.section-kicker{font-size:7px}.quick-sites{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.site-card.compact{padding:13px 11px}.compact p{font-size:8px;max-width:114px}.compact strong{font-size:11px}.compact .site-logo{height:31px;max-width:31px;min-width:31px}.home-content{gap:30px;grid-template-columns:1fr}.post-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.post-grid.two{gap:12px}.post-art{height:135px}.post-art>svg{height:34px;padding:11px;width:34px}.post-copy{padding:13px 12px}.post-copy h3{font-size:13px}.post-copy>p{font-size:10px;margin:8px 0 12px;min-height:38px}.post-bottom,.post-meta{font-size:8px}.post-bottom{flex-wrap:wrap;gap:5px}.post-bottom>svg{width:13px}.post-bottom>span:nth-child(2){font-size:7px;gap:2px}.art-label{font-size:7px;left:11px;top:11px}.art-corner{bottom:10px;font-size:6px;right:10px}.hot-empty{min-height:150px}.quote-card{padding:25px}.closing-banner{flex-wrap:wrap;gap:15px;margin:30px 0 10px;padding:25px 22px}.closing-banner h2{font-size:20px}.closing-banner p{font-size:10px}.closing-star{font-size:150px;right:-20px}.closing-banner .btn{font-size:11px;min-height:36px;padding:8px 14px}.footer-inner{align-items:flex-start;flex-direction:column;gap:20px}.footer-right{text-align:left}.footer-right>div{justify-content:flex-start}.footer{padding:27px 0}.page-heading{padding:35px 0 26px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.page-heading h1{font-size:27px}.page-heading p{font-size:12px;line-height:1.9}.filter-toolbar{flex-wrap:wrap;margin-top:0}.filter-tabs{gap:3px}.filter-tabs button{font-size:11px;padding:7px 10px}.small-search{width:100%}.small-search input{flex:1}.tag-filter{gap:7px}.tag-filter>button{font-size:9px}.wide-search{gap:9px;padding:9px 9px 9px 14px}.wide-search input{font-size:11px}.wide-search>svg{width:18px}.wide-search .btn{font-size:11px;padding:8px 12px}.nav-layout{gap:15px;grid-template-columns:1fr}.category-sidebar{display:flex;gap:5px;overflow-x:auto;padding-bottom:6px}.category-sidebar>span,.sidebar-note{display:none}.category-sidebar>button{font-size:11px;gap:6px;margin:0;padding:8px 12px;white-space:nowrap;width:auto}.category-sidebar>button>svg{width:14px}.search-results,.sites-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.sites-grid .site-card{flex-wrap:wrap;gap:9px;min-height:160px;padding:14px 11px}.sites-grid .site-logo{font-size:20px;height:32px;min-width:32px;width:32px}.sites-grid .site-card>div{width:100%}.sites-grid .site-card strong{font-size:12px;gap:4px}.sites-grid .site-card p{font-size:10px}.site-tags{margin-top:9px}.site-tags span{font-size:8px}.tiny-tag{font-size:7px;padding:2px 4px}.list-caption h2{font-size:15px}.hot-grid{gap:20px;grid-template-columns:1fr}.source-note{align-items:flex-start;font-size:10px;line-height:1.9}.source-note svg{margin-top:2px}.hot-board .empty-state{min-height:180px}.hot-board li a{font-size:12px}.about-layout{gap:25px;grid-template-columns:1fr}.about-card{padding:28px}.about-avatar{font-size:50px;height:65px;width:65px}.about-prose p{font-size:13px}.about-values>a{padding:22px}main.container{padding-bottom:35px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.about-avatar img,.brand-icon img{border-radius:inherit}.about-avatar img,.brand-icon img,.post-cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.post-cover{inset:0;position:absolute}.tool-picker{display:grid;gap:15px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 28px}.tool-choice{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:13px;display:flex;gap:13px;min-width:0;padding:21px 16px;text-align:left;transition:border-color .18s,transform .18s}.tool-choice:hover{border-color:#bcb4e8;transform:translateY(-2px)}.tool-choice.selected{background:#f9f8ff;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.tool-choice>span:nth-child(2){flex:1;min-width:0}.tool-choice strong{display:block;font-size:13px;font-weight:650}.tool-choice small{color:var(--muted);display:block;font-size:9px;line-height:1.8;margin-top:5px}.tool-choice>svg{color:#b4a8c4;width:13px}.tool-icon{border-radius:11px;display:grid;height:41px;min-width:41px;place-items:center;width:41px}.tool-icon.violet{background:#f0eafb;color:#8671c7}.tool-icon.blue{background:#eaf0fa;color:#7098ca}.tool-icon.mint{background:#e8f4ee;color:#69a68f}.tool-icon.peach{background:#faf0e8;color:#c39473}.tool-workspace{background:var(--paper);border:1px solid var(--line);border-radius:17px;margin-bottom:15px;overflow:hidden}.tool-workspace-heading{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:15px;justify-content:space-between;padding:25px 27px}.tool-workspace-heading h2{align-items:center;display:flex;font-size:19px;gap:10px}.tool-workspace-heading h2>span{background:var(--soft);border-radius:5px;color:var(--primary);font-size:9px;font-weight:400;padding:2px 7px}.tool-privacy{color:#879b8d;font-size:10px;gap:6px}.tool-privacy,.tool-toolbar{align-items:center;display:flex}.tool-toolbar{background:#fcfbfe;border-bottom:1px solid var(--line);gap:15px;justify-content:space-between;padding:17px 25px}.tool-actions,.tool-secondary-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.tool-actions .btn{font-size:11px;min-height:34px;padding:8px 14px}.tool-button{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:7px;color:#89809b;display:inline-flex;font-size:11px;gap:7px;justify-content:center;min-height:34px;padding:8px 13px}.tool-button:hover{border-color:#bfb4e4;color:var(--primary)}.tool-secondary-actions{flex-shrink:0;gap:15px}.tool-secondary-actions>button{color:var(--muted);font-size:10px;padding:6px 0}.tool-secondary-actions>button:hover{color:var(--primary)}.inline-select{align-items:center;color:var(--muted);display:flex;font-size:10px;gap:8px;margin-left:4px}.inline-select select,.timestamp-field select{background:var(--paper);border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:10px;padding:7px 8px}.tool-editor-grid{display:grid;grid-template-columns:1fr 1fr;min-width:0}.tool-editor{min-width:0}.tool-editor+.tool-editor{border-left:1px solid var(--line)}.tool-panel-title{align-items:center;background:#fdfcfe;border-bottom:1px solid var(--line);color:#9c91a9;display:flex;font-size:10px;gap:10px;justify-content:space-between;min-height:47px;padding:13px 21px}.tool-panel-title>label,.tool-panel-title>span:first-child{color:#7f728e;font-weight:500}.tool-panel-title>div{align-items:center;display:flex;gap:14px}.tool-panel-title button{align-items:center;color:#9581ac;display:inline-flex;font-size:10px;gap:5px;padding:0}.tool-panel-title button:hover{color:var(--primary)}.tool-editor textarea{background:var(--paper);border:0;color:#746780;display:block;font-family:Consolas,SFMono-Regular,Microsoft YaHei,monospace;font-size:12px;line-height:1.9;min-height:370px;outline:0;padding:23px 21px;resize:vertical;-moz-tab-size:2;-o-tab-size:2;tab-size:2;width:100%}.tool-editor textarea::-moz-placeholder{color:#b7adc4}.tool-editor textarea::placeholder{color:#b7adc4}.tool-editor textarea:focus{box-shadow:inset 0 0 0 2px #c9c0ed}.tool-editor textarea[readonly]{background:#fdfcfe}.tool-workspace-footer{align-items:center;background:#fdfcfe;border-top:1px solid var(--line);color:#b1a4be;display:flex;font-size:9px;gap:10px;justify-content:space-between;padding:14px 22px}.tool-workspace-footer>span:first-child{align-items:center;display:flex;gap:7px}.tool-feedback{align-items:flex-start;border-radius:8px;display:flex;font-size:12px;gap:8px;line-height:1.8;margin:17px 22px 0;overflow-wrap:anywhere;padding:11px 14px}.tool-feedback>svg{margin-top:2px}.tool-feedback.error{background:#fdf0f0;border:1px solid #f6e2e3;color:#bb727b}.tool-feedback.success{background:#eff7f1;border:1px solid #deefe3;color:#779a83}.time-input-grid{display:grid;grid-template-columns:1fr 1fr}.time-input-grid>section{padding:26px}.time-input-grid>section+section{border-left:1px solid var(--line)}.time-input-grid label{font-size:13px;font-weight:600}.time-input-grid p{color:var(--muted);font-size:10px;margin:8px 0 18px}.timestamp-field{align-items:center;background:#fdfcfe;border:1px solid var(--line);border-radius:9px;display:flex;gap:8px;margin-bottom:17px;padding:8px 9px 8px 13px}.timestamp-field input{background:transparent;border:0;color:var(--ink);flex:1;font-size:12px;max-width:100%;outline:0}.timestamp-field input[type=datetime-local]{min-height:30px}.timestamp-field select{background:var(--soft);border:0;color:var(--primary);flex-shrink:0}.time-input-grid .btn{font-size:11px;min-height:35px;padding:8px 14px}.time-results{border-top:1px solid var(--line)}.tool-placeholder{align-items:center;color:#c2b5d1;display:flex;flex-direction:column;justify-content:center;min-height:220px;padding:25px}.tool-placeholder p{color:#a392b3;font-size:13px;margin:13px 0 7px}.tool-placeholder small{font-size:10px}.time-result-list{padding:12px 25px 20px}.time-result-list>div{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:18px;padding:16px 0}.time-result-list>div>span{color:var(--muted);font-size:11px;min-width:140px}.time-result-list code{color:var(--primary);font-size:13px;min-width:0;overflow-wrap:anywhere}.time-result-list button{color:#a796bd;display:flex;margin-left:auto;padding:3px}.time-unit-note{color:var(--muted);font-size:10px;margin-top:14px}.diff-results{border-top:1px solid var(--line)}.diff-summary{color:#ad9cba;font-size:9px;font-weight:400;margin-left:13px}.diff-summary b{color:#6fa48a;font-weight:500}.diff-summary i{color:#c7898f;font-style:normal;margin-left:9px}.diff-lines{font-family:Consolas,Microsoft YaHei,monospace;font-size:11px;max-height:480px;overflow:auto;padding:10px 0}.diff-line{align-items:baseline;display:flex;gap:13px;line-height:1.8;min-height:27px;min-width:-moz-max-content;min-width:max-content;padding:2px 18px}.diff-line>span{color:#b8a9c5;font-size:9px;text-align:right;width:28px}.diff-line>b,.diff-line>span{flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.diff-line>b{font-weight:400;width:10px}.diff-line>code{color:inherit;padding-right:20px;white-space:pre}.diff-line.same{color:#a497af}.diff-line.added{background:#edf7f0;color:#528b6c}.diff-line.removed{background:#fcf0f1;color:#bb777f}.diff-equal{align-items:center;background:#f1f8f2;color:#74a087;display:flex;font-size:11px;gap:8px;padding:14px 22px}.diff-start{color:#ad9eb9;font-size:11px;padding:35px 22px;text-align:center}@media(max-width:1100px){.tool-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-choice small{font-size:10px}.time-input-grid>section{padding:20px}.timestamp-field{flex-wrap:wrap}.timestamp-field input{flex-basis:100%;width:100%}.timestamp-field select{margin-left:auto}}@media(max-width:767px){.tool-picker{gap:10px;margin-bottom:20px}.tool-choice{align-items:flex-start;gap:9px;padding:14px 12px;position:relative}.tool-icon{border-radius:8px;height:31px;min-width:31px;width:31px}.tool-icon svg{height:18px;width:18px}.tool-choice strong{font-size:11px}.tool-choice small{font-size:8px;line-height:1.8;margin-top:4px}.tool-choice>svg{display:none}.tool-workspace-heading{align-items:flex-start;flex-direction:column;gap:10px;padding:19px 17px}.tool-workspace-heading h2{font-size:17px}.tool-privacy{font-size:9px}.tool-toolbar{flex-wrap:wrap;gap:12px;padding:13px 15px}.tool-actions{gap:7px}.tool-secondary-actions{margin-left:auto}.tool-actions .btn,.tool-button{font-size:10px;min-height:32px;padding:7px 11px}.inline-select{font-size:9px;gap:5px;margin:0}.inline-select select{font-size:9px;padding:7px 6px}.tool-editor-grid{grid-template-columns:1fr}.tool-editor+.tool-editor{border-left:0;border-top:1px solid var(--line)}.tool-panel-title{font-size:9px;padding:12px 16px}.tool-editor textarea{font-size:11px;min-height:240px;padding:17px 16px}.tool-workspace-footer{align-items:flex-start;flex-direction:column;font-size:8px;gap:6px;padding:13px 16px}.tool-feedback{font-size:11px;margin:14px 15px 0}.time-input-grid{grid-template-columns:1fr}.time-input-grid>section{padding:21px 17px}.time-input-grid>section+section{border-left:0;border-top:1px solid var(--line)}.timestamp-field{flex-wrap:nowrap}.timestamp-field input{flex-basis:auto;font-size:11px;width:auto}.timestamp-field select{font-size:9px}.time-input-grid p{font-size:9px;line-height:1.8}.time-result-list{padding:9px 17px 18px}.time-result-list>div{flex-wrap:wrap;gap:8px}.time-result-list>div>span{font-size:10px;width:100%}.time-result-list code{font-size:11px}.time-unit-note{font-size:9px;line-height:1.8}.diff-summary{font-size:8px;margin-left:7px}.diff-line{font-size:10px;gap:7px;padding:3px 11px}.diff-line>span{font-size:8px;width:20px}.diff-start{line-height:1.9}.diff-equal,.diff-start{font-size:10px}}.theme-switch{align-items:center;color:#93879f;display:inline-flex;flex-shrink:0;gap:6px;min-height:34px}.theme-switch select{background:transparent;border:0;color:inherit;cursor:pointer;font:inherit;font-size:10px;max-width:88px;outline-offset:2px;padding:5px 0}.theme-switch select:focus-visible{border-radius:5px;outline:2px solid var(--primary)}.theme-switch select option{background:var(--paper);color:var(--ink)}html[data-theme=dark]{--bg:#14151e;--paper:#1d1e2a;--ink:#e3dfef;--muted:#a39caf;--primary:#b0a4f5;--line:#30303f;--soft:#2d2843;background:var(--bg);color:var(--ink)}html[data-theme=dark] body{background:var(--bg)}html[data-theme=dark] :is(.header,.footer,.main-nav.open,.site-card,.post-card,.hot-preview,.hot-board,.about-card,.about-values>a,.article-body,.article-neighbors a,.wide-search,.home-search,.small-search,.pagination button,.tool-workspace,.tool-choice){background:var(--paper);border-color:var(--line)}html[data-theme=dark] :is(.hero h1,.page-heading h1,.post-copy h3,.section-heading h2,.about-card h2,.hot-board h2,.list-caption h2,.article-header h1,.tool-workspace-heading h2,.time-input-grid label){color:var(--ink)}html[data-theme=dark] :is(.hero h1>span.accent,.page-heading h1>span,.article-body a){color:var(--primary)}html[data-theme=dark] :is(.hero-copy>p,.post-copy>p,.site-card p,.page-heading p,.article-header>p,.about-prose p,.about-values p,.tool-choice small,.article-info,.post-bottom,.hot-preview-item small,.footer p){color:var(--muted)}html[data-theme=dark] :is(.main-nav a,.text-link,.header-note,.footer-right,.category-sidebar>button,.filter-tabs button,.article-toc,.tag-filter>span,.source-note,.board-updated,.tool-panel-title,.tool-panel-title>label,.tool-panel-title>span:first-child,.tool-workspace-footer){color:#aaa0bc}html[data-theme=dark] :is(.main-nav a.active,.main-nav a:hover,.filter-tabs button.active,.category-sidebar>button.active,.search-modes .selected,.search-submit,.pin,.tiny-tag,.tag-filter>button,.site-tags span,.article-body :not(pre)>code){background:var(--soft);color:var(--primary)}html[data-theme=dark] .tag-filter>button.active{background:#7360b9;color:#fff}html[data-theme=dark] :is(.btn.primary,.tool-actions .btn.primary){background:#7865c8;color:#fff}html[data-theme=dark] :is(.btn.white,.tool-button){background:#282536;border-color:#41384f;color:#c9c0dc}html[data-theme=dark] :is(.home-search input,.wide-search input,.small-search input,.tool-editor textarea,.timestamp-field input){color:var(--ink)}html[data-theme=dark] input::-moz-placeholder,html[data-theme=dark] textarea::-moz-placeholder{color:#81778f}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#81778f}html[data-theme=dark] :is(.hot-preview-top,.hot-preview-item,.post-bottom,.filter-toolbar,.board-updated,.hot-board li,.footer,.sidebar-note,.article-toc,.search-modes){border-color:var(--line)}html[data-theme=dark] :is(.hot-more,.hot-board>footer,.hot-preview-top>span:last-child,.empty-state,.article-body blockquote,.article-toc,.tool-toolbar,.tool-panel-title,.tool-workspace-footer,.tool-editor textarea[readonly],.timestamp-field){background:#1a1925;border-color:var(--line);color:var(--muted)}html[data-theme=dark] .empty-state h3,html[data-theme=dark] .hot-empty strong{color:#b8a9ca}html[data-theme=dark] .article-body{color:#c0b7ce}html[data-theme=dark] .article-body :is(h2,h3){color:#e1d8ee}html[data-theme=dark] .article-body :is(td,th){border-color:#403449}html[data-theme=dark] .article-body pre{background:#12111b;border:1px solid #32283c}html[data-theme=dark] .article-body blockquote{border-left-color:#8c77b5;color:#b6a2c7}html[data-theme=dark] :is(.closing-banner,.quote-card){background:#242335;border-color:#373147}html[data-theme=dark] .closing-banner h2{color:#c3b4df}html[data-theme=dark] .closing-banner p{color:#aa9abb}html[data-theme=dark] .closing-star{color:#342c48}html[data-theme=dark] .quote-card p{color:#b1b59a}html[data-theme=dark] .post-art.violet{background:#302941;color:#b49bd3}html[data-theme=dark] .post-art.blue{background:#243246;color:#8faed3}html[data-theme=dark] .post-art.mint{background:#223a34;color:#8ebca7}html[data-theme=dark] .post-art.peach{background:#3d2f2b;color:#c8a48a}html[data-theme=dark] .post-art>svg{background:#ffffff08;border-color:#ffffff15;box-shadow:8px 9px #ffffff05}html[data-theme=dark] .garden-window{background:#272235;border-color:#473852;box-shadow:0 23px 55px #0003}html[data-theme=dark] .window-body{background:linear-gradient(145deg,#30283f,#25202f)}html[data-theme=dark] .window-body>strong{color:#c1b2d7}html[data-theme=dark] :is(.window-top,.window-bottom){border-color:#4a3a56}html[data-theme=dark] .floating-card{background:#30283d;border-color:#4b3c55;box-shadow:0 10px 25px #0002}html[data-theme=dark] .floating-card strong{color:#d0bfdf}html[data-theme=dark] .float-icon{background:#40324f;color:#bc9cde}html[data-theme=dark] .hero-visual:before{background:radial-gradient(ellipse,#69489033,transparent 69%)}html[data-theme=dark] .orbit{border-color:#59456d66}html[data-theme=dark] .visual-grid{opacity:.22}html[data-theme=dark] .card-note>span{background:#41422a;color:#b9bb88}html[data-theme=dark] .float-check{background:#293e31;color:#9bb69a}html[data-theme=dark] .about-avatar{background:var(--soft)}html[data-theme=dark] .tool-choice.selected{background:#2a243b}html[data-theme=dark] .tool-editor textarea{background:var(--paper);color:#d1c2e0}html[data-theme=dark] :is(.inline-select select,.timestamp-field select){background:#31283f;border-color:#493955;color:#c1addb}html[data-theme=dark] .tool-feedback.error{background:#3e262e;border-color:#623b48;color:#e3a2ac}html[data-theme=dark] .tool-feedback.success{background:#233b30;border-color:#355442;color:#a3cdb2}html[data-theme=dark] .diff-line.added{background:#20382b;color:#a7d5b8}html[data-theme=dark] .diff-line.removed{background:#3a252e;color:#e1a7b0}html[data-theme=dark] .diff-line.same{color:#b5a7c2}html[data-theme=dark] .diff-equal{background:#20382b;color:#a7d5b8}html[data-theme=dark] .error-page{background:var(--bg);color:var(--ink)}@media(max-width:1280px){.header-note{display:none}.header-actions{gap:12px}}@media(max-width:767px){.theme-switch{gap:4px}.theme-switch select{font-size:9px;max-width:76px}.theme-switch>svg{width:15px}.header-actions{gap:7px}}:root{font-size:16px;--muted:#697082;--read-muted:#697082;--read-body:#4d5366}html.dark[data-theme=dark]{--muted:#b9b2ca;--read-muted:#b9b2ca;--read-body:#d3ccdf}.main-nav a{font-size:16px;padding:11px 15px}.header-actions{gap:14px}.header-note,.theme-switch select{font-size:13px}.theme-switch{min-height:40px}.theme-switch select{max-width:110px;padding:8px 0}.btn,.closing-banner .btn,.wide-search .btn{font-size:15px;min-height:44px;padding:11px 18px}.search-modes button{font-size:14px;padding:7px 11px}.home-search input,.small-search input,.wide-search input{font-size:16px;line-height:1.6}.home-search{min-height:68px}.search-hint{font-size:12px}.search-submit{height:38px;min-width:38px}.small-search input{width:185px}.category-sidebar>button,.filter-tabs button{font-size:15px;padding:10px 15px}.tag-filter>button{font-size:13px;padding:5px 10px}.pagination button,.pagination span{font-size:14px}.pagination button{min-height:42px}.hero-copy>p{font-size:16px;line-height:1.9;max-width:460px}.hero-footnote{font-size:13px;line-height:1.8}.about-label,.eyebrow,.hero .eyebrow,.page-heading .eyebrow,.section-kicker{font-size:12px;letter-spacing:1.6px;line-height:1.7}.page-heading p{font-size:16px;line-height:1.9}.section-heading h2{font-size:22px}.text-link{font-size:14px}.closing-banner p,.sidebar-note p{font-size:15px;line-height:1.9}.closing-banner>div>span{font-size:12px}.site-card{min-width:0;padding:22px}.site-card>div{flex:1;min-width:0}.site-card strong,.sites-grid .site-card strong{flex-wrap:wrap;font-size:18px;gap:5px;line-height:1.6}.site-card p,.sites-grid .site-card p{font-size:14px;line-height:1.85;margin-top:6px;overflow-wrap:anywhere}.site-card.compact{align-items:flex-start;padding:18px 15px}.compact strong{font-size:16px;padding-right:5px}.compact p{font-size:14px;max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.compact .site-logo{margin-top:3px}.compact .site-arrow{display:none}.site-tags{flex-wrap:wrap}.pin,.site-tags span,.tiny-tag{font-size:12px;line-height:1.6}.sites-grid .site-card{min-height:170px}.post-copy{padding:22px 21px 18px}.post-copy h3{font-size:19px;line-height:1.65}.post-copy>p{font-size:15px;line-height:1.85;margin:10px 0 20px;min-height:55px}.post-meta{font-size:13px;margin-bottom:10px}.post-bottom{flex-wrap:wrap;gap:8px 12px;line-height:1.7}.post-bottom,.post-bottom>span:nth-child(2){font-size:12px}.rank{font-size:14px}.hot-preview-top{font-size:15px}.hot-preview-top>span:last-child{font-size:12px}.hot-preview-item{padding:18px}.hot-preview-item strong{font-size:15px;line-height:1.8}.hot-preview-item small{font-size:12px;margin-top:7px}.hot-more{font-size:14px;padding:17px}.empty-state h3,.hot-empty strong{font-size:17px}.empty-state p,.hot-empty p{font-size:14px;line-height:1.9;max-width:310px}.board-updated,.category-sidebar>span,.demo-note,.hot-board header div>span,.hot-board>footer,.list-caption>span,.muted,.source-note,.tag-filter>span{font-size:13px;line-height:1.8}.hot-board h2{font-size:18px}.hot-board li a{font-size:16px;gap:12px;line-height:1.8;overflow-wrap:anywhere;padding:17px 0}.hot-board li a .rank{min-width:22px}.hot-board li a>span:nth-child(2){min-width:0}.about-prose p{font-size:17px;line-height:1.95}.about-values h3{font-size:18px}.about-values p{font-size:15px;line-height:1.85}.about-values>span{font-size:14px}.footer p,.footer-right,.footer-right>span{font-size:14px;line-height:1.85}.footer-right small{font-size:12px}.article-back{font-size:14px}.article-header>div:first-child,.article-info{flex-wrap:wrap;font-size:13px;line-height:1.8}.article-header>p{font-size:16px;line-height:1.9}.article-body{font-size:18px;line-height:1.9}.article-body blockquote{font-size:16px;line-height:1.85}.article-body table{font-size:16px;line-height:1.8}.article-body pre{font-size:15px;line-height:1.85}.article-toc,.article-toc a,.article-toc a.sub{font-size:14px;line-height:1.8}.article-toc summary{font-size:15px}.code-toolbar button{font-size:13px;padding:7px 11px}.article-neighbors a{font-size:15px;line-height:1.8}.article-neighbors small{font-size:13px}.tool-choice{align-items:flex-start;padding:22px 18px}.tool-choice strong{font-size:17px;line-height:1.65}.tool-choice small{font-size:14px;line-height:1.8}.tool-workspace-heading h2{font-size:22px}.tool-privacy,.tool-workspace-heading h2>span{font-size:13px;line-height:1.8}.time-input-grid .btn,.tool-actions .btn,.tool-button{font-size:14px;min-height:42px;padding:9px 14px}.tool-secondary-actions>button{font-size:14px;padding:9px 0}.inline-select,.inline-select select,.timestamp-field select{font-size:14px}.tool-actions,.tool-toolbar{flex-wrap:wrap}.tool-panel-title{flex-wrap:wrap;font-size:14px;min-height:52px}.tool-panel-title button{font-size:13px;min-height:28px}.tool-editor textarea{font-size:15px;line-height:1.85}.tool-workspace-footer{flex-wrap:wrap;font-size:13px;line-height:1.8}.tool-feedback{font-size:15px}.time-input-grid label{font-size:16px}.time-input-grid p{font-size:14px;line-height:1.8}.timestamp-field input{font-size:15px}.tool-placeholder p{font-size:17px}.tool-placeholder small{font-size:14px}.time-result-list>div>span{font-size:14px;min-width:160px}.time-result-list code{font-size:15px}.diff-equal,.diff-start,.diff-summary,.time-unit-note{font-size:13px;line-height:1.85}.diff-line,.diff-lines{font-size:14px;line-height:1.85}.diff-line>span{font-size:12px}:is(.hero-copy>p,.hero-footnote,.page-heading p,.post-copy>p,.post-bottom,.site-card p,.compact p,.hot-preview-item small,.footer p,.footer-right,.article-info,.article-header>p,.about-prose p,.about-values p,.source-note,.board-updated,.demo-note,.muted,.section-kicker,.list-caption>span,.category-sidebar>span,.tool-choice small,.tool-panel-title,.tool-workspace-footer,.time-input-grid p,.time-unit-note,.diff-start){color:var(--read-muted)}html.dark[data-theme=dark] :is(.hero-copy>p,.hero-footnote,.page-heading p,.post-copy>p,.post-bottom,.site-card p,.compact p,.hot-preview-item small,.footer p,.footer-right,.article-info,.article-header>p,.about-prose p,.about-values p,.source-note,.board-updated,.demo-note,.muted,.section-kicker,.list-caption>span,.category-sidebar>span,.tool-choice small,.tool-panel-title,.tool-workspace-footer,.time-input-grid p,.time-unit-note,.diff-start){color:var(--read-muted)}.article-body,.tool-editor textarea,html.dark[data-theme=dark] .article-body,html.dark[data-theme=dark] .tool-editor textarea{color:var(--read-body)}:is(.hot-board header div>span,.hot-board>footer,.article-toc,.tool-panel-title button,.tool-secondary-actions>button,.tool-placeholder small,.tool-workspace-footer){color:var(--read-muted)}html.dark[data-theme=dark] :is(.hot-board header div>span,.hot-board>footer,.article-toc,.tool-panel-title button,.tool-secondary-actions>button,.tool-placeholder small,.tool-workspace-footer){color:var(--read-muted)}.tool-privacy{color:#4c715e}html.dark[data-theme=dark] .tool-privacy{color:#a5c8b5}.warning{color:#926224}html.dark[data-theme=dark] .warning{color:#d8b88e}.home-search input::-moz-placeholder,.small-search input::-moz-placeholder,.tool-editor textarea::-moz-placeholder,.wide-search input::-moz-placeholder{color:var(--read-muted);opacity:1}.home-search input::placeholder,.small-search input::placeholder,.tool-editor textarea::placeholder,.wide-search input::placeholder{color:var(--read-muted);opacity:1}@media(max-width:1100px){.main-nav{gap:2px}.main-nav a{font-size:15px;padding:10px 11px}.header-inner{gap:16px}.header-actions{gap:9px}}@media(min-width:768px)and (max-width:900px){.header{height:80px}.main-nav{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 24px #30234f12;display:none;flex-wrap:wrap;left:20px;padding:12px;position:absolute;right:20px;top:80px;z-index:20}.main-nav.open{display:flex}.main-nav a{flex:1;justify-content:center;min-width:85px}.mobile-menu{display:flex}}@media(max-width:767px){.hero h1{font-size:34px}.hero-copy>p,.page-heading p{font-size:16px}.hero .eyebrow,.page-heading .eyebrow,.section-kicker{font-size:12px}.section-heading h2{font-size:21px}.theme-switch select{font-size:13px;max-width:100px}.header-inner{gap:8px}.header-actions{gap:5px}.home-search{flex-wrap:wrap;gap:9px;padding:12px}.home-search input{flex-basis:50%}.home-search>svg{display:none}.search-modes{padding-right:8px}.search-modes button{font-size:13px;padding:6px}.filter-toolbar{gap:14px}.filter-tabs button{font-size:14px;padding:9px 12px}.tag-filter>button{font-size:13px}.category-sidebar>button{font-size:14px;padding:10px 12px}.compact strong{font-size:16px}.compact p,.sites-grid .site-card p{font-size:14px}.site-card.compact{gap:9px;padding:16px 12px}.site-tags span,.tiny-tag{font-size:12px}.post-copy{padding:20px 18px 17px}.post-copy h3{font-size:19px}.post-copy>p{font-size:15px}.post-meta{font-size:13px}.post-bottom,.post-bottom>span:nth-child(2){font-size:12px}.hot-board li a{font-size:16px}.about-prose p{font-size:17px}.article-body{font-size:18px;padding:24px 20px}.article-body pre{font-size:14px}.article-header>p{font-size:16px}.article-toc a{font-size:14px}.tool-choice{gap:9px;padding:16px 12px}.tool-choice strong{font-size:16px}.tool-choice small,.tool-privacy{font-size:13px}.small-search input,.timestamp-field input,.tool-editor textarea,.wide-search input{font-size:16px}.tool-panel-title,.tool-panel-title button{font-size:13px}.tool-workspace-footer{font-size:12px}.timestamp-field{flex-wrap:wrap}.timestamp-field input{flex-basis:100%}.timestamp-field select{font-size:14px;margin-left:auto}.time-result-list>div>span{font-size:14px}.time-result-list code{font-size:15px}.diff-equal,.diff-start,.diff-summary,.time-unit-note{font-size:13px}.tool-panel-title>div{flex-wrap:wrap;gap:10px}}@media(max-width:600px){.article-layout .post-grid,.post-grid,.post-grid.two{gap:20px;grid-template-columns:minmax(0,1fr)}.post-art{height:170px}.search-results,.sites-grid{grid-template-columns:minmax(0,1fr)}.sites-grid .site-card{flex-wrap:nowrap;gap:14px;min-height:0;padding:20px}.sites-grid .site-card>div{width:auto}.sites-grid .site-card strong{font-size:18px}.footer-right>div{flex-wrap:wrap}.closing-banner{padding:26px 22px}}@media(max-width:380px){.hero-visual{height:280px;transform:scale(.76)}.header-actions .theme-switch{justify-content:center;position:relative;width:34px}.header-actions .theme-switch select{inset:0;max-width:none;opacity:0;position:absolute;width:100%}.quick-sites,.tool-picker{grid-template-columns:minmax(0,1fr)}}.error-page[data-v-5ab3601d]{align-items:center;background:#f8f9fc;color:#605775;display:flex;flex-direction:column;font-family:system-ui;justify-content:center;min-height:100vh;padding:25px;text-align:center}.error-page>span[data-v-5ab3601d]{color:#6962d9;font-size:60px}.error-page h1[data-v-5ab3601d]{font-size:80px;margin:15px}.error-page h2[data-v-5ab3601d]{font-size:20px}.error-page p[data-v-5ab3601d]{color:#a297af;font-size:13px}.error-page button[data-v-5ab3601d]{background:#6962d9;border:0;border-radius:9px;color:#fff;cursor:pointer;margin-top:20px;padding:13px 24px}