:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;background:var(--bg)}body,#root{min-height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;display:grid;place-items:start center;background:var(--bg);color:var(--ink);padding:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg: #f4f8ff;--paper: #ffffff;--ink: #0f1a2b;--muted: #475569;--brand: #2563eb;--brand-700: #1d4ed8;--brand-50: #eff6ff;--brand-title: #1d4ed8;--line: #E6E9EE;--shadow: 0 1px 1px rgba(2, 6, 23, .06), 0 4px 14px rgba(2, 6, 23, .06);--avatar: clamp(48px, 8vw, 65px);--gap: clamp(8px, 1.6vw, 12px);--padY: clamp(10px, 1.8vw, 14px);--padX: clamp(14px, 3vw, 18px);--radius: clamp(14px, 2.6vw, 18px);--title: clamp(18px, 3.2vw, 24px);--desc: clamp(14px, 2.2vw, 16px);--g-gap: clamp(14px, 2.5vw, 22px);--g-head: clamp(12px, 2vw, 14px);--border: 1px;--logo-scale: .7;--header-h: clamp(56px, 10vw, 64px)}::selection{background:#2563eb2e;color:#0b1220}:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px;border-radius:8px}*{scrollbar-width:thin;scrollbar-color:#82CCFF transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4db6ff,#3aacfd);border-radius:10px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-track{background:transparent}.with-header{padding-top:calc(var(--header-h) + 60px);padding-bottom:clamp(24px,8vh,120px)}.top-loader-wrap{position:fixed;top:var(--header-h);left:0;right:0;height:2px;z-index:999;background:transparent;overflow:hidden;pointer-events:none}.top-loader__bar{position:absolute;top:0;left:-25%;width:56%;height:100%;border-radius:2px;background:linear-gradient(90deg,#1d4ed8,#3b82f6 40%,#93c5fd,#3b82f6);animation:none;opacity:0;transition:opacity .2s ease}.top-loader__bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);filter:blur(1px);animation:none}.top-loader-wrap.is-loading .top-loader__bar{animation:headerScan 3.1s linear infinite;opacity:1}.top-loader-wrap.is-loading .top-loader__bar:after{animation:headerScan 2.1s linear infinite;animation-delay:.15s}@keyframes headerScan{0%{transform:translate(0)}to{transform:translate(500%)}}.tiles{display:grid;gap:var(--g-gap)}.post-html img{max-width:100%;height:auto;display:block;margin:8px 0}.post-html p{margin:0 0 10px;line-height:1.6}.post-html blockquote{margin:8px 0;padding-left:12px;border-left:3px solid #ccd8ff;background:#f9fbff;color:#4b5563}.post-html pre{margin:8px 0;padding:10px;background:#0f172a;color:#e5e7eb;border-radius:8px;overflow:auto}.group{display:grid;gap:12px}.group-title{font-size:var(--g-head);font-weight:700;color:var(--muted);text-align:left;padding-left:4px;text-transform:uppercase;letter-spacing:.08em;-webkit-user-select:none;user-select:none}.tile-wrap{display:grid;gap:0;background:var(--paper);border:var(--border) solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.tile{width:100%;display:flex;align-items:center;gap:var(--gap);background:transparent;border:0;border-radius:0;padding:var(--padY) var(--padX);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .06s ease,background-color .2s ease}.tile:is(:hover,.is-open){background:#2563eb0f}.avatar{flex:0 0 var(--avatar);height:var(--avatar);width:var(--avatar);border:var(--border) solid var(--line);border-radius:50%;overflow:hidden;background:#e5edff}.content{flex:1;min-width:0}.title{font-size:var(--title);line-height:1.45;color:var(--ink);white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;overflow-wrap:anywhere}.title .title-link{font-size:clamp(22px,4.2vw,30px);line-height:1.3;color:var(--ink);text-decoration:none;text-decoration-thickness:2px;text-underline-offset:4px;word-break:break-word;overflow-wrap:anywhere;margin:0;cursor:pointer;transition:color .15s ease,text-decoration-color .15s ease}.title .title-link:hover,.title .title-link:focus-visible{color:#1c4baf;text-decoration-color:var(--brand-700)}.title .title-link:visited,.title .title-link:active{text-decoration:none}.tile-desc{position:relative;display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease;will-change:grid-template-rows}.tile-desc:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--line);opacity:0;pointer-events:none;transition:opacity .25s ease}.tile-desc{display:grid;grid-template-rows:1fr;transition:none}.tile-wrap.is-open .tile-desc:before{opacity:1}.tiles,.tile-desc{overflow-anchor:none}.tile-desc-inner{overflow:hidden;padding:calc(var(--padY)*.9) var(--padX) calc(var(--padY) + 4px) calc(var(--avatar) + var(--gap) + 5px);transition:none}.tile-wrap.is-open .tile-desc-inner{padding:calc(var(--padY)*.9) var(--padX) calc(var(--padY) + 4px) calc(var(--avatar) + var(--gap) + 5px)}.tile-desc-inner p{font-size:var(--desc);line-height:1.7;color:var(--muted)}.tile-desc-inner a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}.tile-desc-inner a:hover{color:var(--brand-700)}.hr{height:1px;background:var(--line);margin:8px 0;opacity:.9}.end-of-list{margin:32px 0 0;text-align:center;font-size:14px;line-height:1.6;color:#2f3133b9;-webkit-user-select:none;user-select:none}.tile-desc .post-html img{display:block;margin:12px auto!important;float:none!important;max-width:100%;width:auto;height:auto;border-radius:12px}.avatar-img,.tile-desc .post-html img{backface-visibility:hidden;transform:translateZ(0);will-change:transform}@media (max-width: 640px){.tile-desc .post-html img{max-height:70vh;object-fit:contain}}.tile-desc .post-html a>img{display:block;margin:12px auto!important}.tile-desc .post-html figure{display:block;margin:12px auto!important;text-align:center}.tile-desc .post-html figure>img{display:inline-block;margin:0 auto!important}.scroll-top{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(max(14px,env(safe-area-inset-bottom)) + 4px);width:48px;height:48px;border:0;border-radius:12px;background:#71c5ff;color:#fff;cursor:pointer;box-shadow:0 1px 1px #0206170f,0 4px 10px #0206171a,inset 0 0 0 1px #ffffff40;transition:transform .15s ease,opacity .18s ease,background .2s ease,box-shadow .2s ease;opacity:0;pointer-events:none;z-index:1100;display:grid;place-items:center;padding:0;line-height:0}.scroll-top svg{width:20px;height:20px;display:block;margin:0;align-self:center;justify-self:center;transform:translateY(.5px)}.scroll-top:hover{background:#5fbdfe;transform:translateY(-1px);box-shadow:0 2px 2px #0206170f,0 8px 18px #02061724,inset 0 0 0 1px #ffffff47}.scroll-top:active{transform:translateY(0)}.scroll-top.is-show{opacity:1;pointer-events:auto}.scroll-top:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px;border-radius:14px}@media (max-width: 480px){.scroll-top{width:44px;height:44px;border-radius:11px}}html,body,#root{height:100%;min-height:100dvh;margin:0}body{position:relative}body:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--bg, #eef3ff);background-repeat:no-repeat;background-attachment:fixed}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);width:100%;background:var(--paper);border-bottom:var(--border) solid var(--line);box-shadow:var(--shadow);z-index:1000;display:flex;align-items:center;padding:0 16px}.site-logo{display:block;height:min(var(--header-h),calc(clamp(28px,10vw,128px) * var(--logo-scale)));width:auto;object-fit:contain;cursor:pointer}.with-header{padding-top:calc(var(--header-h) + 60px);padding-bottom:clamp(24px,8vh,120px);min-height:calc(100dvh - var(--header-h))}.page{width:min(860px,calc(100vw - 32px))}.single{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:calc(var(--padY) * 1.1) var(--padX)}.single-head{display:grid;grid-template-columns:var(--avatar) 1fr;grid-template-areas:"ava title" "ava meta";align-items:center;gap:var(--gap);margin-bottom:calc(var(--padY) * .8)}.single-head .avatar{grid-area:ava}.single-head .title{grid-area:title;font-size:clamp(22px,4.2vw,30px);line-height:1.25;color:var(--ink)}.single-head .meta{grid-area:meta;font-size:13px;margin-top:4px}.muted{color:var(--muted)}.avatar{flex:0 0 var(--avatar);height:var(--avatar);width:var(--avatar);border:1px solid var(--line);border-radius:50%;overflow:hidden;background:#e5edff}.avatar-img{display:block;width:100%;height:100%;object-fit:cover}.post-html img{max-width:100%;height:auto;display:block;margin:12px auto!important;border-radius:12px}.post-html p{margin:0 0 10px;line-height:1.7;color:var(--ink)}.post-html blockquote{margin:12px 0;padding-left:12px;border-left:3px solid #ccd8ff;background:#f9fbff;color:#4b5563}.post-html pre{margin:12px 0;padding:10px;background:#0f172a;color:#e5e7eb;border-radius:8px;overflow:auto}.post-html ul,.post-html ol{margin:0 0 10px 20px}.post-html h1,.post-html h2,.post-html h3{margin:12px 0 8px;line-height:1.3}.post-html a{color:#2563eb;text-decoration:underline}.single-skel{display:grid;grid-template-columns:var(--avatar) 1fr;gap:var(--gap);align-items:center}.skel-avatar{width:var(--avatar);height:var(--avatar);border-radius:50%;background:linear-gradient(90deg,#e8efff,#f3f7ff 40%,#e8efff);animation:skel 1.2s ease-in-out infinite;border:1px solid var(--line)}.skel-lines{display:grid;gap:10px}.skel-line{height:12px;border-radius:8px;background:linear-gradient(90deg,#e8efff,#f3f7ff 40%,#e8efff);animation:skel 1.2s ease-in-out infinite}.skel-line-lg{height:18px;width:80%}@keyframes skel{0%{background-position:0% 0}to{background-position:200% 0}}.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px}.single{overflow:hidden}.single-headbar{margin:calc(var(--padY) * -1) calc(var(--padX) * -1) var(--padY);padding:var(--padY) var(--padX);display:grid;grid-template-columns:var(--avatar) 1fr;align-items:center;gap:var(--gap);background:#2563eb0f;border-bottom:var(--border) solid var(--line)}.single-title{font-size:clamp(22px,4.2vw,30px);line-height:1.3;color:var(--ink);text-decoration-thickness:2px;text-underline-offset:4px;word-break:break-word;overflow-wrap:anywhere;margin:0}.single-meta{font-size:13px;margin:2px 0 calc(var(--padY) * .6)}@media (max-width: 520px){.single-headbar{padding:calc(var(--padY) * .85) var(--padX);margin-bottom:calc(var(--padY) * .75)}}