:root{--bg: #0b0c10;--card: #111318;--text: #e9eef3;--muted: #a7b0bb;--brand: #6ee7ff;--brand-2: #9b8cff;--accent: #19d3a6;--border: #222734;--shadow: 0 10px 30px rgba(0,0,0,.35)}@media (prefers-color-scheme: light){:root{--bg: #f6f7fb;--card: #ffffff;--text: #0c1222;--muted: #4a5568;--brand: #2563eb;--brand-2: #7c3aed;--accent: #10b981;--border: #e6e8ef;--shadow: 0 10px 30px rgba(2,12,27,.07)}}*{box-sizing:border-box}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 600px at 10% -10%,color-mix(in oklab,var(--brand) 15%,transparent),transparent),radial-gradient(800px 400px at 110% 0%,color-mix(in oklab,var(--brand-2) 18%,transparent),transparent),var(--bg);background-repeat:no-repeat;color:var(--text);line-height:1.7;font-size:clamp(16px,1.2vw,18px);text-rendering:optimizeLegibility;min-height:100vh;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1080px,90vw);margin-inline:auto}.site-footer{margin-top:auto;padding:20px 0 max(20px,env(safe-area-inset-bottom));border-top:1px solid var(--border);color:var(--muted);font-size:12px}.site-footer .foot-links{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px);background:color-mix(in oklab,var(--bg) 80%,transparent);border-bottom:1px solid var(--border)}@media (max-width: 750px){.site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:color-mix(in oklab,var(--bg) 96%,transparent)}}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:14px 0}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:.2px;color:var(--text)}.logo-dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--accent));box-shadow:0 0 0 4px color-mix(in oklab,var(--brand) 25%,transparent)}.brand-text{font-size:1.05rem}.site-nav{display:flex;gap:1rem;flex-wrap:wrap}.site-nav a{padding:.45rem .8rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--brand) 15%,var(--border));background:color-mix(in oklab,var(--card) 92%,transparent);font-size:15px}.site-nav a:hover{background:color-mix(in oklab,var(--brand) 8%,var(--card));text-decoration:none}.nav-toggle{inline-size:42px;block-size:42px;border-radius:12px;border:1px solid color-mix(in oklab,var(--brand) 15%,var(--border));background:color-mix(in oklab,var(--card) 94%,transparent);color:var(--text);display:none;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.nav-toggle:hover{background:color-mix(in oklab,var(--brand) 8%,var(--card))}.nav-toggle:active{transform:scale(.98)}.nav-toggle .icon-close,.nav-toggle[aria-expanded=true] .icon-burger{display:none}.nav-toggle[aria-expanded=true] .icon-close{display:block}.mobile-menu{position:absolute;right:.75rem;top:calc(100% + 10px);min-inline-size:min(88vw,320px);padding:.5rem;border-radius:16px;border:1px solid color-mix(in oklab,var(--brand) 15%,var(--border));background:color-mix(in oklab,var(--card) 96%,transparent);box-shadow:0 10px 30px color-mix(in oklab,var(--text) 12%,transparent);opacity:0;transform:translateY(-6px) scale(.98);transition:opacity .18s ease,transform .18s ease}.mobile-menu.open{opacity:1;transform:translateY(0) scale(1)}.mobile-menu nav{display:grid;gap:.25rem}.mobile-menu .menu-link{display:block;padding:.7rem .85rem;border-radius:12px;color:var(--text);border:1px solid transparent}.mobile-menu .menu-link:hover{background:color-mix(in oklab,var(--brand) 10%,var(--card));border-color:color-mix(in oklab,var(--brand) 15%,var(--border));text-decoration:none}@media (prefers-reduced-motion: reduce){.nav-toggle,.mobile-menu{transition:none}}.mobile-menu .menu-link:focus,.mobile-menu .menu-link:focus-visible{outline:none!important;box-shadow:none!important}.mobile-menu .menu-link{-webkit-tap-highlight-color:transparent}@media (max-width: 750px){.site-nav{display:none}.nav-toggle{display:inline-flex}.site-header .container{position:relative}}@media (min-width: 751px){.nav-toggle{display:none}.mobile-menu{display:none!important}}@media (max-width: 870px){.logo-dot{width:clamp(10px,1.35vw,11.5px);height:clamp(10px,1.35vw,11.5px);box-shadow:0 0 0 clamp(3px,.42vw,3.5px) color-mix(in oklab,var(--brand) 25%,transparent)}.brand-text{font-size:clamp(.92rem,1.8vw,1rem)}.site-nav{gap:.9rem}.site-nav a{padding:.42rem .7rem;font-size:clamp(.7rem,1.5vw,.8rem)}}@media (max-width: 600px){.logo-dot{width:10px;height:10px}.brand-text{font-size:.8rem}.site-footer{font-size:11px}}@media (max-width: 500px){.site-footer{font-size:10px}}.site-main{padding-block:min(6vh,4px);padding-inline:0}.article-layout{width:min(1180px,92vw);margin-inline:auto;margin-block:clamp(24px,6svh,72px);display:flex;flex-direction:column;gap:clamp(20px,4vw,48px)}@media (max-width: 500px){.article-layout{width:100%;margin-inline:0}}@media (min-width: 1000px){.article-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);align-items:start}}.post{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:clamp(20px,4vw,48px);width:100%;max-width:750px;margin-inline:auto;box-sizing:border-box;margin-block:clamp(24px,6svh,72px)}.article-layout .post{margin:0;max-width:none}.read-next{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:clamp(20px,3vw,36px)}.read-next-title{margin:0 0 1rem;font-size:clamp(22px,2.4vw,28px)}.read-next-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:clamp(10px,1.5vw,16px)}.read-next-card{display:flex;align-items:center;gap:.9rem;border:1px solid var(--border);border-radius:14px;padding:.9rem 1rem;background:color-mix(in oklab,var(--card) 94%,transparent);color:var(--text);transition:transform .15s ease,border-color .2s ease,background-color .2s ease;flex-wrap:nowrap}.read-next-card:hover{text-decoration:none;transform:translateY(-2px);border-color:color-mix(in oklab,var(--brand) 30%,var(--border));background:color-mix(in oklab,var(--brand) 8%,var(--card))}.read-next-card-title{margin:0 0 .35rem;font-size:1rem;line-height:1.35}.read-next-card-content{display:flex;flex-direction:column;gap:0;min-inline-size:0}.read-next-thumb{flex:0 0 clamp(80px,10vw,110px);inline-size:clamp(80px,10vw,110px);aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:color-mix(in oklab,var(--card) 85%,#000 15%);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:1.4rem}.read-next-thumb img{width:100%;height:100%;object-fit:cover;display:block}.read-next-thumb.is-placeholder{background:color-mix(in oklab,var(--brand) 12%,var(--card));border-style:dashed}@media (max-width: 520px){.read-next-card{flex-direction:column;align-items:flex-start}.read-next-thumb{inline-size:100%;max-inline-size:220px;width:100%}}.read-next-empty{margin:0;color:var(--muted);font-size:.95rem}.post-header{margin-bottom:clamp(16px,2.5vw,28px)}.post-title{font-size:clamp(30px,4vw,48px);line-height:1.15;letter-spacing:-.02em;margin:0 0 .5rem;background:linear-gradient(135deg,var(--text),color-mix(in oklab,var(--brand) 30%,var(--text)));-webkit-background-clip:text;background-clip:text;color:transparent}.post-meta{margin:0;color:var(--muted);display:flex;gap:.6rem;align-items:center;font-size:clamp(.7rem,2.35vw,.95rem);flex-wrap:wrap}.post-content>*+*{margin-top:1em}.post-content h2{font-size:clamp(22px,2.5vw,28px);margin-top:1.6em;letter-spacing:-.01em}.post-content h3{font-size:clamp(18px,2vw,22px);margin-top:1.4em}.post-content p{color:color-mix(in oklab,var(--text) 92%,var(--muted))}.post-content blockquote{margin:1.2em 0;padding:1rem 1.2rem;border-left:4px solid var(--brand);background:color-mix(in oklab,var(--brand) 6%,var(--card));border-radius:12px}.post-content img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow)}.post-content ul,.post-content ol{padding-left:1.2em}.post-content .taux-table{border-collapse:collapse;width:100%;text-align:center}.post-content .taux-table th,.post-content .taux-table td{border:1px solid color-mix(in oklab,var(--text) 70%,var(--border));padding:.5rem;color:var(--text)}.post-content .taux-table thead th{font-weight:700;background:color-mix(in oklab,var(--brand) 8%,var(--card))}.post-content code{background:color-mix(in oklab,var(--brand-2) 8%,var(--card));padding:.15em .35em;border-radius:6px;border:1px solid var(--border);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.95em}.post-footer{margin-top:clamp(28px,4vw,48px);padding-top:1rem;border-top:3px dashed var(--border)}.post-source{color:var(--text);margin:0}.post-source p{margin:0}.post-source ul{margin:.5rem 0 0;padding-left:1.2em}:focus-visible{outline:3px solid color-mix(in oklab,var(--brand) 50%,var(--text));outline-offset:2px;border-radius:8px}::selection{background:color-mix(in oklab,var(--brand) 30%,transparent)}@media (prefers-reduced-motion: no-preference){.post{animation:float-in .5s ease both}@keyframes float-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}}.post-content figure.post-figure{margin:0}.post-content .photo-source{margin-top:.35rem;font-size:.85rem;line-height:1.2;color:var(--muted);text-align:left}.post-content .photo-source a{color:inherit;text-decoration:underline dotted;text-underline-offset:2px}.lightbox{padding:0;border:none;width:100vw;height:100dvh;max-width:none;max-height:none;background:transparent}.lightbox::backdrop{background:#000000e0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.lb-stage{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden}#lb-img{max-width:95vw;max-height:90dvh;-webkit-user-select:none;user-select:none;pointer-events:auto;cursor:default}.lb-close{position:absolute;top:12px;right:20px;padding:.35rem .55rem;background:color-mix(in oklab,var(--card, #111) 40%,#000);color:#fff;border:1px solid color-mix(in oklab,#fff 15%,transparent);border-radius:999px;font:inherit;line-height:1;box-shadow:var(--shadow, 0 4px 24px rgba(0,0,0,.25))}.lb-close:hover{filter:brightness(1.1)}.post-content .post-figure img{cursor:zoom-in}.book-link{color:var(--text);text-decoration:underline}.blog{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:clamp(16px,3vw,32px);width:100%;max-width:750px;margin-inline:auto;box-sizing:border-box;margin-block:clamp(24px,6svh,72px)}.blog-page-title{font-size:clamp(24px,3vw,30px);line-height:1.1;margin:0 0 2px}.blog-page-count{margin:0}.blog-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:clamp(12px,2.5vw,18px)}.blog-card{display:grid;grid-template-columns:clamp(180px,40%,260px) minmax(0,1fr);gap:clamp(12px,2vw,20px);align-items:center;padding:clamp(8px,1.5vw,12px);border:1px solid var(--border);border-radius:16px;background:color-mix(in oklab,var(--card) 92%,#fff 8%);text-decoration:none;color:inherit;transition:transform .12s ease,background .2s ease,border-color .2s ease;overflow:hidden;box-sizing:border-box}.blog-card:hover{transform:translateY(-1px);background:color-mix(in oklab,var(--card) 88%,#fff 12%);border-color:color-mix(in oklab,var(--border) 70%,var(--brand) 30%)}.blog-thumb{margin:0;inline-size:100%;max-inline-size:100%;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:color-mix(in oklab,var(--card) 85%,#000 15%);box-shadow:var(--shadow);border:1px solid var(--border)}.blog-thumb img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.blog-content{min-width:0}.blog-title{margin:0 0 .25rem;font-size:clamp(18px,2.6vw,22px);line-height:1.25;letter-spacing:-.01em;overflow-wrap:anywhere}.blog-excerpt{margin:0 0 .5rem;color:var(--muted);font-size:.98rem}.blog-meta{display:flex;flex-wrap:wrap;gap:.5rem .6rem;align-items:center;color:var(--muted);font-size:.9rem}.badge{display:inline-flex;align-items:center;gap:.4ch;padding:.2rem .5rem;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--brand) 10%,var(--card));color:color-mix(in oklab,var(--text) 90%,var(--brand));font-weight:600;line-height:1}.muted{color:var(--muted)}@media (max-width: 550px){:root{--thumb-max-mobile: 9999px}.blog-card{display:grid;grid-template-columns:1fr;grid-template-areas:"title" "thumb" "excerpt" "meta";align-items:start;gap:12px}.blog-content{display:contents}.blog-title{grid-area:title}.blog-thumb{grid-area:thumb}.blog-excerpt{grid-area:excerpt}.blog-meta{grid-area:meta}.blog-thumb{margin:0;inline-size:min(100%,var(--thumb-max-mobile));margin-inline:auto}.blog-thumb img{inline-size:100%;block-size:100%;object-fit:cover;display:block}}