:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45;color:#111;background:#fff}*{box-sizing:border-box}body{margin:0;color:#111;background:#fff}.site-shell{min-height:100vh}.topbar{max-width:900px;margin:0 auto;padding:1rem 1.25rem .75rem;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:20;background:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-text{display:grid;gap:.4rem}.hero-title{margin:0 0 .35rem;font-size:1.45rem;font-weight:600;display:flex;flex-wrap:wrap;gap:.35rem;align-items:baseline}.brand{display:inline-block;font-weight:700;color:#111;text-decoration:none;text-shadow:inset 0 1px 2px rgba(15,23,42,.25);filter:drop-shadow(0 1px 0 rgba(255,255,255,.6));font-size:1.85rem}.gradient-text{background-image:linear-gradient(120deg,#ffd6e8,#d6f4ff,#d6ffe8,#ffeec4,#d6e4ff);background-size:300% 300%;animation:pastel-shift 10s ease infinite;-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes pastel-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.tagline{margin:0;color:#333;font-size:.95rem}.social-links{display:flex;gap:.75rem}.social-links a{width:34px;height:34px;border-radius:999px;border:1px solid #e5e7eb;display:inline-flex;align-items:center;justify-content:center;color:#111827;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.social-links a:hover{border-color:#cbd5f5;box-shadow:0 8px 16px #0f172a1f;transform:translateY(-2px)}.social-links svg{width:16px;height:16px;fill:currentColor}.content{max-width:900px;margin:0 auto;padding:1.2rem 1.25rem 3rem}.tools-page{display:grid;gap:1.5rem}.tools-page-compact{gap:1rem}.tools-intro{margin:0;color:#4b5563}.tools-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tool-card{border:1px solid #e5e7eb;border-radius:12px;padding:1rem;background:#fafafa;display:grid;gap:.75rem}.tool-card label{display:grid;gap:.35rem;font-size:.9rem;color:#6b7280}.tool-card input{border:1px solid #e5e7eb;border-radius:10px;padding:.5rem .75rem;font-size:.95rem}.tool-result{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.tool-result span{color:#6b7280;font-size:.85rem}.tool-result strong{font-weight:600;color:#111827;word-break:break-all}.tool-note{margin:0;font-size:.8rem;color:#9ca3af}.tools-drawer{position:fixed;top:0;right:0;height:100vh;width:min(420px,90vw);background:#fff;border-left:1px solid #e5e7eb;transform:translate(100%);transition:transform .25s ease;z-index:40;padding:1.25rem;overflow-y:auto}.tools-drawer.open{transform:translate(0)}.tools-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.tools-drawer-header h2{margin:0;font-size:1.2rem}.tools-close{border:1px solid #e5e7eb;background:#fff;padding:.4rem .75rem;border-radius:999px;cursor:pointer}.tools-drawer-nav{display:grid;gap:.75rem}.tools-drawer-nav a{text-decoration:none;color:#111827;font-weight:600}.tools-drawer-nav a:hover{text-decoration:underline}.site-footer{margin-top:3rem;border-top:1px solid #eee;padding:1.5rem 1.25rem 2rem;color:#6b7280}.footer-inner{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-inner p{margin:0}.footer-tools{border:1px solid #e5e7eb;background:#fff;padding:.5rem .9rem;border-radius:999px;cursor:pointer;font-weight:600}.footer-tools:hover{border-color:#cbd5f5;box-shadow:0 8px 16px #0f172a1f}.tools-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:2rem;align-items:start}.tools-sidebar{border-right:1px solid #eee;padding-right:1rem;display:grid;gap:.75rem}.tools-sidebar h2{margin:0;font-size:1.1rem}.tools-sidebar nav{display:grid;gap:.5rem}.tools-sidebar a{text-decoration:none;color:#374151;font-weight:600}.tools-sidebar a.active{color:#111827}.tools-content{min-width:0}.section-heading h2{margin:0 0 .35rem;font-size:1.2rem}.section-heading p{margin:0 0 1rem;color:#4b5563;font-size:.95rem}.carousel{margin-top:1.5rem}.carousel-shell{display:grid;grid-template-columns:56px 1fr 56px;gap:1rem;align-items:start;--carousel-side-pad: 56px;--carousel-image-height: 240px}.carousel-card{border:1px solid #ececec;border-radius:12px;padding:1rem;display:grid;gap:1rem;background:#fafafa}.carousel-card-link{text-decoration:none;color:inherit;display:block}.carousel-card-link .carousel-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.carousel-card-link:hover .carousel-card{transform:translateY(-2px);border-color:#d2d6dd;box-shadow:0 12px 24px #0f172a1f}.carousel-image{border-radius:10px;aspect-ratio:2048 / 768;min-height:var(--carousel-image-height);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f2ff,#fdf1f6,#f8ffe9);color:#374151;font-weight:600;text-align:center;padding:1rem;overflow:hidden}.carousel-image img{width:100%;height:100%;object-fit:cover;display:block}.carousel-body h3{margin:0 0 .4rem;font-size:1.15rem}.carousel-arrow{border:1px solid #e5e7eb;background:#fff;width:40px;height:40px;border-radius:999px;font-size:1.1rem;cursor:pointer;margin-top:calc(1rem + var(--carousel-image-height) - 20px);justify-self:center;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.carousel-arrow:hover{border-color:#c7cbd1;box-shadow:0 6px 14px #0f172a1f;transform:translateY(-2px)}.carousel-arrow.prev{grid-column:1}.carousel-arrow.next{grid-column:3}.carousel-dots{margin-top:.75rem;display:flex;justify-content:center;gap:.5rem}.dot{width:10px;height:10px;border-radius:999px;border:1px solid #d1d5db;background:#fff;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.dot:hover{transform:scale(1.15);border-color:#9ca3af}.dot.active{background:#111;border-color:#111}.tag-row{display:flex;gap:.5rem;flex-wrap:wrap}.project-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}.project-lead{margin:0 0 .6rem;font-weight:600;color:#1f2937}.project-bullets{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.project-bullet{display:flex;gap:.6rem;align-items:center;color:#4b5563}.bullet-icon{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#10b9811f}.bullet-icon svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.accent-mint{color:#10b981}.accent-sky{color:#38bdf8}.accent-peach{color:#fb7185}.accent-slate{color:#64748b}.accent-gray{color:#6b7280}.accent-zinc{color:#71717a}.accent-neutral{color:#737373}.accent-stone{color:#78716c}.accent-red{color:#ef4444}.accent-orange{color:#f97316}.accent-amber{color:#f59e0b}.accent-yellow{color:#eab308}.accent-lime{color:#84cc16}.accent-green{color:#22c55e}.accent-emerald{color:#10b981}.accent-teal{color:#14b8a6}.accent-cyan{color:#06b6d4}.accent-blue{color:#3b82f6}.accent-indigo{color:#6366f1}.accent-violet{color:#8b5cf6}.accent-purple{color:#a855f7}.accent-fuchsia{color:#d946ef}.accent-pink{color:#ec4899}.accent-rose{color:#f43f5e}.accent-black{color:#111827}.accent-white{color:#fff}.accent-mint.bullet-icon{background:#10b9811f}.accent-sky.bullet-icon{background:#38bdf829}.accent-peach.bullet-icon{background:#fb718529}.accent-slate.bullet-icon{background:#64748b29}.accent-gray.bullet-icon{background:#6b728029}.accent-zinc.bullet-icon{background:#71717a29}.accent-neutral.bullet-icon{background:#73737329}.accent-stone.bullet-icon{background:#78716c29}.accent-red.bullet-icon{background:#ef444429}.accent-orange.bullet-icon{background:#f9731629}.accent-amber.bullet-icon{background:#f59e0b29}.accent-yellow.bullet-icon{background:#eab30829}.accent-lime.bullet-icon{background:#84cc1629}.accent-green.bullet-icon{background:#22c55e29}.accent-emerald.bullet-icon{background:#10b98129}.accent-teal.bullet-icon{background:#14b8a629}.accent-cyan.bullet-icon{background:#06b6d429}.accent-blue.bullet-icon{background:#3b82f629}.accent-indigo.bullet-icon{background:#6366f129}.accent-violet.bullet-icon{background:#8b5cf629}.accent-purple.bullet-icon{background:#a855f729}.accent-fuchsia.bullet-icon{background:#d946ef29}.accent-pink.bullet-icon{background:#ec489929}.accent-rose.bullet-icon{background:#f43f5e29}.accent-black.bullet-icon{background:#1118271f}.accent-white.bullet-icon{background:#fffc;border:1px solid rgba(209,213,219,.6)}.project-detail p{margin:0 0 .75rem;color:#374151}.tag{border:1px solid #e5e7eb;padding:.2rem .55rem;border-radius:999px;font-size:.8rem;background:#fff;color:#374151}.dot.active.accent-mint{background:#10b981;border-color:#10b981}.dot.active.accent-sky{background:#38bdf8;border-color:#38bdf8}.dot.active.accent-peach{background:#fb7185;border-color:#fb7185}.dot.active.accent-slate{background:#64748b;border-color:#64748b}.dot.active.accent-gray{background:#6b7280;border-color:#6b7280}.dot.active.accent-zinc{background:#71717a;border-color:#71717a}.dot.active.accent-neutral{background:#737373;border-color:#737373}.dot.active.accent-stone{background:#78716c;border-color:#78716c}.dot.active.accent-red{background:#ef4444;border-color:#ef4444}.dot.active.accent-orange{background:#f97316;border-color:#f97316}.dot.active.accent-amber{background:#f59e0b;border-color:#f59e0b}.dot.active.accent-yellow{background:#eab308;border-color:#eab308}.dot.active.accent-lime{background:#84cc16;border-color:#84cc16}.dot.active.accent-green{background:#22c55e;border-color:#22c55e}.dot.active.accent-emerald{background:#10b981;border-color:#10b981}.dot.active.accent-teal{background:#14b8a6;border-color:#14b8a6}.dot.active.accent-cyan{background:#06b6d4;border-color:#06b6d4}.dot.active.accent-blue{background:#3b82f6;border-color:#3b82f6}.dot.active.accent-indigo{background:#6366f1;border-color:#6366f1}.dot.active.accent-violet{background:#8b5cf6;border-color:#8b5cf6}.dot.active.accent-purple{background:#a855f7;border-color:#a855f7}.dot.active.accent-fuchsia{background:#d946ef;border-color:#d946ef}.dot.active.accent-pink{background:#ec4899;border-color:#ec4899}.dot.active.accent-rose{background:#f43f5e;border-color:#f43f5e}.dot.active.accent-black{background:#111827;border-color:#111827}.dot.active.accent-white{background:#fff;border-color:#e5e7eb}.section-block{margin-top:2rem}.section-block h2{margin-bottom:.55rem;font-size:1.2rem}.section-block ul{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}.section-block li{padding-bottom:.4rem;border-bottom:1px solid #f0f0f0}.news-group h3{margin:1rem 0 .4rem;font-size:1rem}.external-list li{display:grid;gap:.2rem}.external-meta{display:flex;gap:.6rem;font-size:.85rem;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.external-list a{font-weight:600;text-decoration:none}.external-list a:hover{text-decoration:underline}.external-arrow{font-size:.85em;margin-left:.25rem}a{color:#111}a:hover{color:#000}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.show-more{margin:.5rem 0 0;border:0;background:none;color:#111;padding:0;cursor:pointer;text-decoration:underline}.project-page{max-width:980px;margin:0 auto;padding:0 1.25rem;display:grid;gap:1rem}.project-header{display:grid;gap:.6rem}.project-header h2{margin:0}.project-kicker{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:#6b7280;margin:0 0 .5rem}.project-summary{margin:0;font-size:1.1rem;color:#374151}.post-date{margin:0;font-size:.9rem;color:#6b7280}.post-date-relative{font-size:.8rem;color:#9ca3af}.post-date-sidebar{margin-bottom:.75rem}.project-back{display:inline-flex;margin-bottom:.5rem;text-decoration:none;color:#111827;font-weight:600}.project-back:hover{text-decoration:underline}.project-hero{border-radius:14px;overflow:hidden;border:1px solid #ececec}.project-hero img{width:100%;display:block}.project-body{display:grid;gap:1rem;color:#374151;min-width:0}.project-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:2rem;align-items:start;align-content:start;margin-top:0}.project-layout .project-sidebar{grid-column:2;grid-row:1}.project-layout .project-body{grid-column:1;grid-row:1}.project-sidebar{position:sticky;top:1.5rem;align-self:start;max-height:calc(100vh - 3rem);overflow-y:auto;overflow-x:hidden;padding-right:.5rem}.project-sidebar-title{margin:0 0 .75rem;font-weight:600;color:#111827}.project-sidebar ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.project-sidebar a{text-decoration:none;color:#4b5563}.project-sidebar button{border:0;background:none;padding:0;text-align:left;color:#4b5563;cursor:pointer}.project-sidebar a:hover,.project-sidebar button:hover{color:#111827}.toc-level-3{margin-left:.75rem}.toc-level-4{margin-left:1.5rem}.markdown{display:grid;gap:1rem;color:#374151;min-width:0;overflow-wrap:anywhere;word-break:break-word}.markdown h2,.markdown h3,.markdown h4{margin:1.2rem 0 .4rem;color:#111827}.markdown>:first-child{margin-top:0}.markdown p{margin:0}.markdown ul,.markdown ol{padding-left:1.25rem;margin:0;display:grid;gap:.4rem}.markdown a{color:#111;text-decoration:underline}.markdown img{max-width:100%;border-radius:12px;border:1px solid #ececec}.markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;background:#f3f4f6;padding:.1rem .3rem;border-radius:6px}.markdown pre{background:#0b1220;color:#e2e8f0;padding:1rem;border-radius:12px;overflow:auto;max-width:100%}.markdown pre code{background:transparent;padding:0;border-radius:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.6}.hljs-comment,.hljs-quote{color:#94a3b8}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#c792ea}.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-tag .hljs-attr{color:#f78c6c}.hljs-string,.hljs-doctag{color:#c3e88d}.hljs-title,.hljs-section,.hljs-selector-id{color:#82aaff}.hljs-type,.hljs-class .hljs-title{color:#ffcb6b}.hljs-symbol,.hljs-bullet{color:#89ddff}.hljs-built_in,.hljs-builtin-name{color:#82aaff}.hljs-meta{color:#7fdbca}.hljs-attr,.hljs-attribute,.hljs-name,.hljs-tag{color:#f07178}.hljs-addition{color:#c3e88d;background-color:#c3e88d1f}.hljs-deletion{color:#f07178;background-color:#f071781f}.project-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.project-cta{background:#111827;color:#fff;text-decoration:none;padding:.6rem 1rem;border-radius:999px;font-weight:600}.project-cta:hover{background:#000;color:#fff}.project-cta-sidebar{display:inline-flex;justify-content:center;margin-bottom:1rem;width:100%;background:inherit;color:inherit;border:none;padding:.6rem 1rem;border-radius:999px;position:relative;z-index:1;text-decoration:none;box-shadow:0 10px 22px #0f172a2e;letter-spacing:.02em}.project-cta-sidebar:hover{background:#0b0f1a;color:#fff;transform:translateY(-1px)}.project-ghost{text-decoration:none;color:#111827;font-weight:600}.project-ghost:hover{text-decoration:underline}.project-muted{color:#6b7280;margin:0}@media (max-width: 700px){.topbar{flex-direction:column;align-items:flex-start}.social-links{margin-top:.5rem}.carousel-shell{grid-template-columns:1fr;padding:0}.carousel-arrow{display:none}.project-grid,.project-layout{grid-template-columns:1fr}.project-sidebar{display:none}.project-page{padding:0 1rem}.carousel-card{border-radius:0;padding:0 0 1rem}.carousel-card-link{margin-left:-1.25rem;margin-right:-1.25rem}.carousel-image{border-radius:0;padding:0;width:100%;aspect-ratio:2048 / 768}.carousel-image img{width:100%;height:100%;object-fit:cover}.carousel-body{padding:0 1rem}.tools-layout{grid-template-columns:1fr;gap:1.5rem}.tools-sidebar{border-right:0;border-bottom:1px solid #eee;padding-right:0;padding-bottom:.75rem}.tools-grid{grid-template-columns:1fr}}@media (min-width: 840px){.project-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}