:root{--cream:#fbfaf5;--warm-fog:#e2b5093b;--ink:#1a1a1a;--ink-muted:#6b675e;--hairline:#e2ddd0;--ink-blue:#081a32;--ink-blue-deep:#051224;--link-blue:#1579cc;--link-blue-deep:#106ba8;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--space-sm:8px;--space-md:16px;--space-lg:32px;--space-xl:64px;--space-xxl:96px;--ease-out-quart:cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box}html,body{height:100%}html{background:var(--cream)}body{background:var(--cream);color:var(--ink);flex-direction:column;min-height:100vh;margin:0;font-family:Rubik,sans-serif;line-height:1.7;display:flex}main{flex:1 0 auto}main.main-center{align-items:center;padding-top:96px;display:flex}main.main-center .panel{width:100%}main.main-center .panel:first-of-type{padding-top:var(--space-xxl)}main.main-center .hero{text-align:center}main.main-center .rrss{justify-content:center}main.main-center .hero p{margin-left:auto;margin-right:auto}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}a{color:inherit;text-decoration:none}.wrap{max-width:70em;margin:0 auto;padding:0 4%}.nav{z-index:50;justify-content:space-between;align-items:center;gap:var(--space-xl);background:var(--ink-blue);transition:box-shadow .3s var(--ease-out-quart), top .3s var(--ease-out-quart);border-radius:999px;width:calc(100% - 32px);max-width:70em;padding:14px 32px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #081a3259}.nav.is-scrolled{top:10px;box-shadow:0 14px 36px #081a3273}.nav-name{color:var(--cream);white-space:nowrap;align-items:center;gap:10px;font-size:1rem;font-weight:600;display:flex}.nav-name img{border-radius:6px;flex:none}.nav-links{gap:var(--space-lg);margin:0;padding:0;list-style:none;display:flex}.nav-links a{letter-spacing:.04em;color:#fbfaf5b3;white-space:nowrap;transition:color .2s var(--ease-out-quart);font-size:.85rem;font-weight:500}.nav-links a:hover,.nav-links a.is-active{color:var(--cream)}.nav-toggle{width:32px;height:32px;color:var(--cream);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;font-size:1.1rem;display:none}.nav-menu{z-index:49;background:var(--ink-blue);border-radius:var(--radius-lg);width:calc(100% - 32px);padding:var(--space-sm);opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out-quart), transform .2s var(--ease-out-quart);flex-direction:column;display:flex;position:fixed;top:74px;left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 10px 30px #081a3259}.nav-menu.open{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.nav-menu a{border-radius:var(--radius-sm);color:#fbfaf5b3;padding:12px 16px;font-size:.95rem;font-weight:500}.nav-menu a:hover,.nav-menu a.is-active{color:var(--cream);background:#fbfaf514}@media (width<=640px){.nav{padding:8px 10px}.nav-name span,.nav-links{display:none}.nav-toggle{display:flex}}.panel{padding:var(--space-xxl) 0}.panel.cream{background:var(--cream)}.panel.fog{background:var(--warm-fog)}.panel:first-of-type{padding-top:calc(var(--space-xxl) + 48px)}.hero h1{margin:0 0 var(--space-md);font-size:clamp(2.25rem,5vw,3.25rem);font-weight:700;line-height:1.05}.hero h2{color:var(--ink-muted);margin:0 0 var(--space-lg);font-size:clamp(1.4rem,3vw,1.9rem);font-weight:600;line-height:1.3}.hero h2 a,.hero p a{color:var(--link-blue);font-weight:600}.hero h2 a:hover,.hero p a:hover{color:var(--link-blue-deep)}.hero p{max-width:62ch;color:var(--ink-muted);margin:0 0 var(--space-lg)}.rrss{gap:var(--space-lg);align-items:center;display:flex}.rrss i{color:var(--ink);transition:color .2s var(--ease-out-quart);font-size:22px}.rrss a:hover i{color:var(--link-blue)}.panel h3.eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin:0 0 var(--space-lg);font-size:.8rem;font-weight:500}.project-card{gap:var(--space-lg);background:var(--cream);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color .2s var(--ease-out-quart), transform .2s var(--ease-out-quart);align-items:flex-start;display:flex}.project-card:hover{border-color:var(--ink-blue);transform:translateY(-2px)}.project-card .card-icon{flex:none;width:56px;height:56px}.project-card h4{margin:0 0 .4em;font-size:1.25rem;font-weight:600}.project-card p{color:var(--ink-muted);margin:0}.about-layout{gap:var(--space-xl);align-items:flex-start;display:flex}.about-photo{object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--hairline);flex:none;width:220px;height:220px}@media (width<=640px){.about-layout{flex-direction:column}}.about p{max-width:68ch;color:var(--ink-muted);margin:0 0 var(--space-md)}.about p:last-child{margin-bottom:0}.about strong{color:var(--ink)}.about a{color:var(--link-blue);font-weight:500}.about a:hover{color:var(--link-blue-deep)}.post-list{margin:0;padding:0;list-style:none}.post-list li{padding:var(--space-md) 0;border-bottom:1px solid var(--hairline)}.post-list li:first-child{padding-top:0}.post-list li:last-child{border-bottom:none}.post-list time{color:var(--ink-muted);margin-bottom:.2em;font-size:.85rem;display:block}.post-list a{color:var(--link-blue);transition:color .2s var(--ease-out-quart);font-size:1.15rem;font-weight:600}.post-list a:hover{color:var(--link-blue-deep)}.back-link{color:var(--link-blue);transition:color .2s var(--ease-out-quart);font-size:.9rem}.back-link:hover{color:var(--link-blue-deep)}article header{margin-bottom:var(--space-xl)}article header h1{margin:0 0 var(--space-sm);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}.post-meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.post-meta time{color:var(--ink-muted);font-size:.85rem}.post-tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.post-tags a{background:var(--warm-fog);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;transition:color .2s var(--ease-out-quart), background .2s var(--ease-out-quart);border-radius:999px;padding:3px 12px;font-size:.7rem;font-weight:500;display:inline-block}.post-tags a:hover{color:var(--cream);background:var(--link-blue)}.post-toolbar{align-items:center;gap:var(--space-md);padding:var(--space-md) 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.reading-time{color:var(--ink-muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.share-icons{gap:8px;display:flex}.share-icons a,.share-icons button{background:var(--warm-fog);width:36px;height:36px;color:var(--ink);cursor:pointer;transition:color .2s var(--ease-out-quart), background .2s var(--ease-out-quart);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex}.share-icons a:hover,.share-icons button:hover{color:var(--link-blue)}.chatgpt-btn{background:var(--ink-blue);color:var(--cream);transition:background .2s var(--ease-out-quart);border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:10px 18px;font-size:.85rem;font-weight:600;display:inline-flex}.chatgpt-btn:hover{background:var(--ink-blue-deep)}.toc{background:var(--warm-fog);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg)}.toc-title{align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:600;display:flex}.toc ol{margin:var(--space-sm) 0 0;flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.toc a{color:var(--link-blue);font-size:.95rem}.toc a:hover{color:var(--link-blue-deep)}article h2{color:var(--ink);margin:2.2em 0 .6em;font-size:1.5rem;font-weight:600}article h3{color:var(--ink);margin:1.8em 0 .5em;font-size:1.2rem;font-weight:600}article p,article li{color:var(--ink-muted)}article blockquote{background:var(--warm-fog);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-lg) var(--space-lg) 64px;margin:var(--space-xl) 0;position:relative}article blockquote:before{content:"“";color:var(--link-blue);opacity:.45;font-family:Georgia,Times New Roman,serif;font-size:3.5rem;line-height:1;position:absolute;top:.05em;left:20px}article blockquote p{color:var(--ink);margin:0;font-size:1.05rem;font-style:italic;line-height:1.65;position:relative}.glossary{background:var(--warm-fog);border-radius:var(--radius-md);padding:4px var(--space-md);margin:var(--space-lg) 0}.glossary-title{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--ink);cursor:pointer;margin:0;font-size:.9rem;font-weight:600;list-style:none;display:flex}.glossary-title::-webkit-details-marker{display:none}.glossary-title::marker{content:""}.glossary-title i:first-child{color:var(--link-blue)}.glossary-chevron{color:var(--ink-muted);transition:transform .2s var(--ease-out-quart);margin-left:auto;font-size:.75rem}details.glossary[open] .glossary-chevron{transform:rotate(180deg)}.glossary dl{gap:var(--space-sm) var(--space-lg);padding:2px 0 var(--space-sm);border-top:1px solid var(--hairline);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0;display:grid}.glossary-item{padding-top:var(--space-sm);flex-direction:column;gap:2px;display:flex}.glossary dt{align-items:baseline;gap:var(--space-sm);color:var(--ink);flex-wrap:wrap;margin:0;font-weight:600;display:flex}.glossary-term{background:var(--ink-blue);color:var(--cream);letter-spacing:.04em;border-radius:999px;align-items:center;padding:1px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.glossary-spellout{color:var(--ink-muted);font-size:.8rem;font-style:italic;font-weight:500}.glossary dd{color:var(--ink-muted);margin:0;font-size:.85rem;line-height:1.45}.attack-flow{--flow-danger:#b3261e;align-items:flex-start;gap:var(--space-sm);margin:var(--space-xl) 0;padding:var(--space-lg);background:var(--cream);border:1px solid var(--hairline);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.flow-step{align-items:center;gap:var(--space-sm);text-align:center;flex-direction:column;flex:150px;display:flex}.flow-icon{background:var(--ink-blue);width:52px;height:52px;color:var(--cream);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.flow-step.is-critical .flow-icon{background:var(--flow-danger)}.flow-step h3{color:var(--ink);margin:0;font-size:.9rem;font-weight:600}.flow-step.is-critical h3{color:var(--flow-danger)}.flow-step p{color:var(--ink-muted);margin:0;font-size:.8rem;line-height:1.4}.flow-arrow{color:var(--link-blue);flex:0 24px;justify-content:center;align-items:center;padding-top:14px;font-size:1.1rem;display:flex}@media (width<=680px){.attack-flow{flex-direction:column}.flow-arrow{padding-top:0;transform:rotate(90deg)}}article img{border-radius:var(--radius-md);border:1px solid var(--hairline);max-width:100%;height:auto;display:block}article figure{width:fit-content;max-width:100%;margin:var(--space-lg) auto}article figcaption{margin-top:var(--space-sm);color:var(--ink-muted);text-align:center;font-size:.85rem}article a{color:var(--link-blue);font-weight:500}article a:hover{color:var(--link-blue-deep)}.back-to-top{z-index:40;background:var(--ink-blue);width:48px;height:48px;color:var(--cream);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out-quart), transform .2s var(--ease-out-quart), background .2s var(--ease-out-quart);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(8px);box-shadow:0 10px 30px #081a3259}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:var(--ink-blue-deep)}@media (width<=640px){.chatgpt-btn{margin-left:0}}footer{padding:var(--space-md) 0;color:var(--ink-muted);background:var(--cream);text-align:center;flex:none;font-size:.85rem}