:root{color-scheme:dark;--bg:#0d0916;--panel:#181126;--panel-2:#201630;--line:#493765;--text:#fbf8ff;--muted:#baafc9;--purple:#a66bff;--pink:#ff70b7;--cyan:#65e4e0;--lime:#a8ff62;--max:900px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#271440 0,transparent 33%),radial-gradient(circle at 90% 30%,#162d38 0,transparent 28%),var(--bg);color:var(--text);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}
.topbar{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:13px max(18px,env(safe-area-inset-left));background:rgba(13,9,22,.82);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px)}
.brand{text-decoration:none}.brand-wordmark{font-size:23px;font-weight:1000;letter-spacing:-1.5px}.brand-port{color:#fff}.brand-hub{display:inline-block;margin-left:2px;padding:0 5px;border-radius:7px;background:linear-gradient(135deg,#8b5cf6,#bd4cff);color:#fff}
.back{justify-self:start;padding:7px 11px;border:1px solid var(--line);border-radius:12px;color:#ddd2eb;text-decoration:none;font-size:14px;font-weight:800}.season{justify-self:end;color:var(--muted);font-size:13px;font-weight:800}
.shell{width:min(var(--max),calc(100% - 30px));margin:auto;padding:60px 0 90px}
.hero{padding:34px 0 42px}.eyebrow{margin:0 0 16px;color:var(--cyan);font-size:13px;font-weight:1000;letter-spacing:.16em}.hero h1{max-width:760px;margin:0;font-size:clamp(54px,10vw,104px);line-height:.86;letter-spacing:-.075em}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,var(--purple),var(--pink),#ffbd70);background-clip:text}.lead{max-width:720px;margin:28px 0 0;color:#ddd3e7;font-size:clamp(19px,3vw,25px);line-height:1.45}.authors{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.authors span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(27,18,41,.8);color:var(--muted);font-size:14px}
.disclaimer{display:grid;grid-template-columns:auto 1fr;gap:16px;margin:0 0 30px;padding:20px;border:1px solid #654b84;border-radius:20px;background:linear-gradient(135deg,rgba(87,50,126,.32),rgba(24,17,38,.82));box-shadow:0 20px 70px rgba(0,0,0,.2)}.disclaimer-icon{font-size:28px}.disclaimer strong{font-size:17px}.disclaimer p{margin:5px 0 0;color:var(--muted)}
.reading-order{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;color:var(--muted);font-size:13px;font-weight:850}.reading-order>div{display:flex;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.reading-order button{padding:8px 11px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:800 12px/1.2 inherit;cursor:pointer}.reading-order button[aria-pressed="true"]{background:linear-gradient(135deg,#7450d8,#a845a8);color:#fff}.contents-row{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;align-items:start;margin-bottom:24px}.contents{display:flex;gap:8px;overflow:auto;padding:4px 0;scroll-behavior:smooth;scrollbar-width:none}.contents::-webkit-scrollbar{display:none}.contents a{display:grid;place-items:center;min-width:45px;height:45px;border:1px solid var(--line);border-radius:13px;background:var(--panel);font-weight:1000;text-decoration:none}.contents a:first-child{background:linear-gradient(135deg,#7950df,#b64cbd);border-color:transparent}.contents a:hover{border-color:var(--purple);transform:translateY(-2px)}.contents-arrow{display:grid;place-items:center;width:42px;height:45px;margin-top:4px;border:1px solid var(--line);border-radius:13px;background:#181126;color:#fff;font:1000 28px/1 system-ui;cursor:pointer}.contents-arrow:hover{border-color:var(--purple);background:#26183b}.contents-arrow:disabled{opacity:.32;cursor:default}
.chronicles{display:grid;gap:22px}.post{position:relative;padding:clamp(22px,5vw,42px);overflow:hidden;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(34,23,52,.98),rgba(20,14,31,.98));box-shadow:0 22px 70px rgba(0,0,0,.22)}.post:target{border-color:var(--pink);box-shadow:0 0 0 3px rgba(255,112,183,.15),0 22px 70px rgba(0,0,0,.25)}.post::after{position:absolute;right:-25px;top:-45px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(166,107,255,.18),transparent 70%);content:"";pointer-events:none}.post-meta{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.post-meta span{color:var(--cyan)}.post h2{max-width:700px;margin:14px 0 22px;font-size:clamp(29px,5vw,46px);line-height:1.02;letter-spacing:-.035em}.post p{max-width:760px;margin:15px 0;color:#d8cfe2;font-size:17px}.post .quote{margin:0 0 22px;padding:15px 17px;border-left:4px solid var(--pink);border-radius:0 14px 14px 0;background:#110c1b;color:#fff;font-size:16px;font-weight:750}.post code{padding:2px 6px;border-radius:6px;background:#0e0a16;color:#d9b8ff}.post footer{margin-top:25px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);color:#998da8;font-size:13px;font-weight:750}
.end-card{margin-top:28px;padding:clamp(26px,6vw,55px);border-radius:28px;background:linear-gradient(135deg,#5c35ac,#a7439e 60%,#d87368);box-shadow:0 24px 80px rgba(95,45,140,.34)}.end-card span{font-size:13px;font-weight:1000;letter-spacing:.13em;text-transform:uppercase}.end-card h2{max-width:650px;margin:12px 0;font-size:clamp(32px,6vw,57px);line-height:1}.end-card p{max-width:570px;margin:0 0 24px;font-size:18px}.end-card a{display:inline-block;padding:12px 17px;border-radius:13px;background:#fff;color:#251533;font-weight:1000;text-decoration:none}
@media(max-width:620px){.topbar{grid-template-columns:1fr auto}.season{display:none}.shell{width:min(100% - 22px,var(--max));padding-top:34px}.hero{padding-top:18px}.hero h1{font-size:55px}.post-meta{align-items:flex-start;flex-direction:column;gap:3px}.post{border-radius:21px}.disclaimer{grid-template-columns:1fr}.reading-order{align-items:flex-start;flex-direction:column}.reading-order>div{width:100%}.reading-order button{flex:1}.post p{font-size:16px}}
.topbar #lang{min-height:42px;padding:8px;border:1px solid var(--line);border-radius:10px;font:inherit}.hero .season{display:block;margin-bottom:18px}.hero h1{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.contents a{transform:none!important}}
/* Generated archive pages share this stylesheet; article files contain no layout. */
.post h1{margin:14px 0 22px;font-size:clamp(29px,5vw,46px);line-height:1.08;letter-spacing:-.035em;overflow-wrap:anywhere}
.post h2 a,.post-meta a{text-decoration:none}.post-meta a{color:var(--cyan)}
.post img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain;border-radius:14px}
.post figure{margin:22px 0}.post figcaption{color:var(--muted);font-size:.9rem}
.order-explanation{color:var(--muted);font-size:.95rem}
.reading-order a{padding:8px 11px;border-radius:9px;color:var(--muted);font-size:12px;font-weight:800;text-decoration:none;text-align:center}
.reading-order a[aria-current="page"]{background:linear-gradient(135deg,#7450d8,#a845a8);color:#fff}
.blog-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0;flex-wrap:wrap}
.blog-pagination a{padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-decoration:none;font-weight:800}
.contents{margin-bottom:24px}.chronicles{margin-top:12px}
.shell>.back{display:inline-flex;margin-bottom:14px}
.post-tools{margin:20px 0}.post-share{display:flex;flex-wrap:wrap;gap:10px}
.post-tools button{padding:12px 16px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);font:inherit;font-weight:800;cursor:pointer}
.post-tools [data-post-share]{background:linear-gradient(135deg,#7450d8,#a845a8);border-color:transparent}
.post-tools button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.post-feedback,.comments-feedback{color:var(--muted);font-size:.9rem}
.post-feedback:empty,.comments-feedback:empty{display:none}
.post-link{box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}
#post-comments{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.post-tools [hidden]{display:none!important}
.post-tools.compact{margin:18px 0 0}.compact .post-share{gap:8px}
.compact .post-share button,.compact .post-icon{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:6px;border:1px solid var(--line);border-radius:10px;font-size:20px;text-decoration:none;background:var(--panel)}
.post-tools button:disabled{opacity:.45;cursor:not-allowed}
[data-comments-preview]:not([hidden]){margin-top:12px;min-height:1px}
@media(max-width:620px){.reading-order a{flex:1}.blog-pagination{font-size:13px;gap:7px}.blog-pagination a{padding:9px}.post h1{font-size:32px}}