:root{--bg: #15120e;--surface: #1e1a14;--surface-2: #272019;--text: #ece4d6;--muted: #a89c87;--seal: #d4543c;--seal-deep: #b23f2c;--line: #342c21;color-scheme:dark;--maxw: 1180px;--radius: 6px;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-cjk: "Noto Serif SC", "Songti SC", "SimSun", serif;font-family:var(--font-body)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f3eee2;--surface: #fbf8f1;--surface-2: #ece4d4;--text: #221c14;--muted: #6c6253;--seal: #c0432c;--seal-deep: #a5371f;--line: #e2dac9;color-scheme:light}}:root[data-theme=light]{--bg: #f3eee2;--surface: #fbf8f1;--surface-2: #ece4d4;--text: #221c14;--muted: #6c6253;--seal: #c0432c;--seal-deep: #a5371f;--line: #e2dac9;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.7;font-size:1.02rem;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--seal);text-decoration:none}a:hover{color:var(--seal-deep);text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:2px solid var(--seal);outline-offset:3px;border-radius:2px}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.container{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem}.site-header{position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;max-width:var(--maxw);margin:0 auto}.brand{display:inline-flex;align-items:center;gap:.6rem}.brand:hover{text-decoration:none}.avatar{display:block;width:2.4rem;height:2.4rem;border-radius:50%;object-fit:cover;box-shadow:0 1px 3px #00000038,inset 0 0 0 1px #0000000f;transition:transform .2s ease}.brand:hover .avatar{transform:scale(1.06)}.brand .wordmark{font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--text);letter-spacing:.01em}.nav ul{display:flex;gap:1.25rem;list-style:none;margin:0;padding:0}.nav ul a{color:var(--muted);font-size:.9rem;letter-spacing:.02em;padding-bottom:2px;border-bottom:1.5px solid transparent}.nav ul a:hover{color:var(--text);text-decoration:none;border-bottom-color:var(--seal)}.lang-switcher{display:inline-flex;align-items:center;flex-shrink:0;font-size:.78rem;padding:.2rem .55rem;border:1px solid var(--line);border-radius:3px;color:var(--muted);transition:border-color .15s,color .15s}.lang-switcher:hover{border-color:var(--seal);color:var(--seal);text-decoration:none}.nav-tools{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;padding:0;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s}.theme-toggle:hover{border-color:var(--seal);color:var(--seal)}.theme-toggle svg{width:1rem;height:1rem}.theme-toggle .icon-moon{display:none}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .theme-toggle .icon-sun{display:none}:root:not([data-theme=dark]) .theme-toggle .icon-moon{display:block}}:root[data-theme=light] .theme-toggle .icon-sun{display:none}:root[data-theme=light] .theme-toggle .icon-moon{display:block}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}.hero{padding:4rem 0 2.25rem}.hero h1{font-size:clamp(2.3rem,6vw,3.4rem);margin:0 0 .75rem;line-height:1.08}.hero .lede{color:var(--muted);font-size:1.15rem;max-width:54ch;margin:0}.hero-mark{display:inline-flex;align-items:center;gap:.9rem;margin-bottom:1.5rem;animation:rise .6s cubic-bezier(.2,.7,.2,1) both}.hero-mark .avatar{width:3.6rem;height:3.6rem}.hero-mark .reading{font-family:var(--font-display);font-style:italic;color:var(--muted);font-size:1rem}.name{color:var(--seal);font-style:italic}section{margin:3.25rem 0}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:.6rem;border-bottom:1px solid var(--line)}.eyebrow{display:block;font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--seal);margin-bottom:.35rem}.eyebrow .cjk{font-family:var(--font-cjk);margin-right:.4rem;letter-spacing:.1em}.section-title h2{font-size:1.5rem;margin:0}.section-title>a{font-size:.85rem;color:var(--muted);white-space:nowrap}.section-title>a:hover{color:var(--seal)}.card{display:block;position:relative;padding:1.1rem 1.1rem 1.1rem 1.4rem;margin-bottom:.4rem;border-radius:var(--radius);border-left:2px solid transparent;transition:background .15s ease,border-color .15s ease}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:background .15s ease}.card:hover{background:var(--surface);text-decoration:none}.card:hover:before{background:var(--seal)}.card h3{margin:0 0 .3rem;font-size:1.18rem;color:var(--text)}.card p{margin:0;color:var(--muted);font-size:.96rem}.card .meta{margin-bottom:.3rem}.meta{color:var(--muted);font-size:.78rem;letter-spacing:.04em;font-family:var(--font-body)}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.tag{font-size:.72rem;letter-spacing:.03em;padding:.12rem .6rem;border-radius:3px;background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.card-framed{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem 1.5rem;margin-bottom:1rem}.card-framed h3{font-family:var(--font-display);margin:0 0 .2rem;font-size:1.2rem}.source-link{margin:1.75rem 0 0}.source-link a{display:inline-block;padding:.45rem .9rem;border:1px solid var(--line);border-radius:3px;font-size:.88rem;letter-spacing:.02em;color:var(--seal)}.source-link a:hover{border-color:var(--seal);text-decoration:none}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.video-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .15s ease,border-color .15s ease}.video-card:hover{transform:translateY(-3px);border-color:var(--seal)}.video-embed{position:relative;aspect-ratio:16 / 9}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-card .body{padding:.9rem 1.1rem}.video-card h3{margin:0 0 .2rem;font-size:1.02rem}.socials{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.75rem}.socials a{padding:.5rem 1rem;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--text);font-size:.88rem;letter-spacing:.02em}.socials a:hover{border-color:var(--seal);color:var(--seal);text-decoration:none}.prose{font-size:1.06rem;overflow-wrap:break-word}.prose h2{margin-top:2.25rem;font-size:1.4rem}.prose h3{margin-top:1.75rem}.prose a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.prose .footnotes{overflow-wrap:anywhere}.prose pre{background:var(--surface-2);padding:1rem 1.1rem;border-radius:var(--radius);border:1px solid var(--line);overflow-x:auto}.prose code{background:var(--surface-2);padding:.15rem .4rem;border-radius:4px;font-size:.9em;font-family:ui-monospace,SF Mono,Menlo,monospace}.prose pre code{background:none;padding:0}.prose img{max-width:100%;border-radius:var(--radius)}.prose blockquote{margin:1.5rem 0;padding:.4rem 0 .4rem 1.2rem;border-left:3px solid var(--seal);color:var(--muted);font-style:italic}.prose hr{border:none;border-top:1px solid var(--line);margin:2rem 0}.prose .stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1.5rem 0}.prose .stat-grid div{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:.85rem 1rem}.prose .stat-grid strong{display:block;color:var(--seal);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.prose .stat-grid span{display:block;margin-top:.15rem;color:var(--text);font-size:1.05rem}.prose .download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem;margin:1.5rem 0}.prose .download-grid a{display:block;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:.85rem 1rem;color:var(--text);text-decoration:none}.prose .download-grid a:hover{border-color:var(--seal);color:var(--seal)}.product-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.product-index-card{display:grid;grid-template-columns:116px minmax(0,1fr);gap:1.1rem;align-items:center;min-height:180px;padding:1.2rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);transition:transform .15s ease,border-color .15s ease}.product-index-card:hover{transform:translateY(-2px);border-color:var(--seal);text-decoration:none}.product-index-media{display:grid;place-items:center;overflow:hidden;border-radius:8px;background:var(--surface-2);aspect-ratio:1 / 1}.product-index-media img{width:100%;height:100%;object-fit:cover}.product-index-media-icon{overflow:visible;background:transparent}.product-index-media-icon img{object-fit:contain}.product-index-card h2{margin:0 0 .35rem;font-size:1.42rem}.product-index-card p{margin:0;color:var(--muted)}.product-hero{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(1.4rem,4vw,3.5rem);align-items:center;padding:4.5rem 0 2.75rem}.product-hero-copy h1{max-width:10ch;margin:.2rem 0 .85rem;font-size:clamp(3rem,8vw,5.4rem);line-height:.98}.product-lede{max-width:39rem;margin:0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.24rem);line-height:1.6}.product-brand{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:1.4rem;color:var(--text);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.product-brand img{border-radius:12px;box-shadow:0 10px 22px #00000038}.product-kicker{margin:0 0 .55rem;color:var(--seal);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.product-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-top:1.6rem}.product-actions a,.store-badge{display:inline-flex;align-items:center;min-height:2.5rem;padding:.55rem .9rem;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--text);font-size:.9rem;line-height:1.2}.product-actions a:hover{border-color:var(--seal);text-decoration:none}.store-badge{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:700}.store-badge-disabled{opacity:.72;cursor:default}.product-shot{margin:0}.product-shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px #00000040}.pinaday-hero{--pinaday-warm: #fff3a8}.pinaday-hero .hero-shot img{background:color-mix(in srgb,var(--pinaday-warm) 18%,var(--surface))}.terminalboard-hero .product-hero-copy h1{max-width:12ch}.terminal-shot img{border-radius:10px;background:#0b0d10}.product-feature{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:clamp(1.4rem,4vw,3.5rem);align-items:center;margin:5rem 0}.product-feature-reverse{grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr)}.product-feature-reverse .product-shot{order:2}.product-feature h2,.feature-overview h2,.detail-panel h2{margin:0 0 .7rem;font-size:clamp(1.8rem,4vw,2.9rem);line-height:1.08}.product-feature p,.detail-panel p{color:var(--muted);font-size:1.02rem}.feature-overview{margin:5rem 0}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.feature-list span{display:block;padding:.75rem .85rem;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font-size:.95rem}.product-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:4rem 0}.detail-panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:1.35rem}.detail-wide{grid-column:span 2}.support-hero{max-width:760px}.support-panel,.policy-page{max-width:820px;padding:1.5rem;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.support-email{margin:.1rem 0 1rem;font-size:clamp(1.6rem,5vw,2.5rem);line-height:1.15;overflow-wrap:anywhere}.policy-page h2{margin:1.8rem 0 .45rem;font-size:1.35rem}.policy-page h2:first-child{margin-top:0}.policy-page p{color:var(--muted)}.site-footer{border-top:1px solid var(--line);margin-top:5rem;padding:2.5rem 0;color:var(--muted);font-size:.85rem;text-align:center}.site-footer .seal-small{display:inline-block;color:var(--seal);font-family:var(--font-display);margin-bottom:.5rem;font-size:1rem;letter-spacing:.02em}.back-link{display:inline-block;margin:2rem 0;color:var(--muted)}.back-link:hover{color:var(--seal);text-decoration:none}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:560px){.nav{padding:.6rem 1rem}.nav ul{gap:.65rem}.nav ul a{font-size:.82rem}.nav .wordmark{display:none}.hero{padding:2.75rem 0 1.75rem}.section-title{flex-direction:column;gap:.25rem;align-items:flex-start}.container{padding:0 1rem}.product-index-grid,.product-hero,.product-feature,.product-feature-reverse,.product-details-grid,.feature-list{grid-template-columns:1fr}.product-hero{padding-top:3rem}.product-feature,.feature-overview{margin:3.2rem 0}.product-feature-reverse .product-shot{order:0}.detail-wide{grid-column:span 1}.product-index-card{grid-template-columns:82px minmax(0,1fr);min-height:132px;padding:1rem}}html{scroll-behavior:smooth}.prose :is(h2,h3){scroll-margin-top:5.5rem}.post-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:3rem;align-items:start}.toc{position:sticky;top:5rem;max-height:calc(100vh - 6.5rem);overflow-y:auto;font-size:.82rem;line-height:1.5;padding-right:.75rem;border-right:1px solid var(--line)}.toc-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.6rem}.toc ul,.toc-mobile ul{list-style:none;margin:0;padding:0}.toc li,.toc-mobile li{margin:.4rem 0}.toc li.d3,.toc-mobile li.d3{padding-left:.95rem}.toc a{color:var(--muted);text-decoration:none;display:block}.toc a:hover{color:inherit}.toc a.active{color:inherit;font-weight:600}.toc-mobile{display:none}@media(max-width:1023px){.post-grid{display:block}.toc{display:none}.toc-mobile{display:block;margin:0 0 1.75rem;border:1px solid var(--line);border-radius:8px;padding:.6rem .95rem;font-size:.9rem}.toc-mobile summary{cursor:pointer;color:var(--muted)}.toc-mobile ul{margin-top:.6rem}.toc-mobile a{color:var(--muted);text-decoration:none}}.prose li[id^=ref-],#references{scroll-margin-top:5.5rem}.ref-popup{position:fixed;z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 30px #00000040;padding:.9rem 1rem .75rem;font-size:.85rem;line-height:1.55}.ref-popup-body{color:var(--text)}.ref-popup-body a{color:var(--seal)}.ref-popup-actions{display:flex;gap:.5rem;margin-top:.7rem;align-items:center}.ref-popup-actions button{font-size:.78rem;padding:.25rem .6rem;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s}.ref-popup-actions button:hover{border-color:var(--seal);color:var(--seal)}.ref-popup-close{margin-left:auto}.ref-flash{animation:ref-flash 1.6s ease-out 1;border-radius:4px}@keyframes ref-flash{0%{background:color-mix(in srgb,var(--seal) 25%,transparent)}to{background:transparent}}.back-to-reading{position:fixed;right:1.25rem;bottom:1.25rem;z-index:30;font-size:.82rem;padding:.5rem .85rem;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--muted);cursor:pointer;box-shadow:0 4px 16px #0003;transition:border-color .15s,color .15s}.back-to-reading:hover{border-color:var(--seal);color:var(--seal)}
