:root{color-scheme:light;--color-bg:#f5f5f7;--color-surface:#ffffff;--color-surface-raised:#eaecef;--color-text:#242529;--color-muted:#676a73;--color-border:#dedfe5;--color-accent:#0667c4;--color-link:#0667c4;--color-danger:#b42335;--color-focus:#0667c4;--color-glass:#ffffffb8;--color-glass-border:#ffffffdd;--font-body:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;--font-code:"Cascadia Code","SFMono-Regular",Consolas,monospace;--text-body:1.125rem;--text-label:0.875rem;--text-meta:0.8125rem;--line-body:1.85;--width-reading:46rem;--width-shell:70rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-control:0.5rem;--radius-panel:0.875rem;--motion-fast:140ms}[data-theme=dark]{color-scheme:dark;--color-bg:#16171b;--color-surface:#202228;--color-surface-raised:#2a2d35;--color-text:#f1f2f6;--color-muted:#a6adbb;--color-border:#3a3e48;--color-accent:#94c6ff;--color-link:#94c6ff;--color-danger:#ff9d9d;--color-focus:#94c6ff;--color-glass:#202228bb;--color-glass-border:#3a3e48}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0ms}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--color-text);background:var(--color-bg);font-family:var(--font-body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}a,button{transition:color var(--motion-fast),background var(--motion-fast),border-color var(--motion-fast)}a:hover{color:var(--color-accent)}[contenteditable]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}::selection{background:var(--color-accent);color:var(--color-bg)}h1,h2,h3,p{margin:0}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.brand-en,.eyebrow,.micro-title,.mono{font-family:var(--font-code)}.shell{width:min(var(--width-shell),calc(100% - 96px));margin-inline:auto}.eyebrow{letter-spacing:.13em}.eyebrow,.micro-title{font-size:.75rem;color:var(--color-muted)}.micro-title{letter-spacing:.08em}.muted{color:var(--color-muted)}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:50%;width:40px;height:40px}.icon-button:hover{color:var(--color-accent);background:var(--color-surface)}.text-button{background:none;border:none;padding:0;font-size:inherit}.text-button:hover{color:var(--color-accent)}.button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:42px;padding:9px 18px;border:1px solid var(--color-border);border-radius:999px;background:transparent;font-weight:500;font-size:.875rem}.button:hover{border-color:var(--color-muted);background:var(--color-surface-raised)}.button-primary{color:var(--color-bg)}.button-primary,.button-primary:hover{border-color:var(--color-accent);background:var(--color-accent)}.button-primary:hover{opacity:.88}.text-input,select,textarea{width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:7px;color:var(--color-text);padding:11px 12px}.text-input::placeholder,textarea::placeholder{color:var(--color-muted);opacity:.7}.field-label{display:block;font-size:.875rem;margin:0 0 8px;font-weight:600}.prototype-bar{min-height:34px;padding:6px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:0;background:var(--color-bg);font-size:.75rem}.prototype-caption{display:flex;align-items:center;gap:12px;color:var(--color-muted)}.proto-badge{font:.75rem var(--font-code);color:var(--color-accent);border:1px solid var(--color-border);border-radius:4px;padding:2px 6px;white-space:nowrap}.prototype-bar nav{display:flex;gap:22px;align-items:center;white-space:nowrap}.prototype-bar nav a{color:var(--color-muted)}.prototype-bar nav a[aria-current]{color:var(--color-accent)}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{font:500 20px var(--font-code);display:grid;place-items:center;height:37px;width:37px;color:var(--color-accent);border:0;border-radius:9px}.brand-name{font-size:1.3rem;font-weight:600;letter-spacing:.07em;display:flex;align-items:baseline;gap:12px}.brand-en{font-size:.75rem;font-weight:400;letter-spacing:.12em;color:var(--color-muted)}.site-header{background:var(--color-glass);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);position:sticky;top:0;z-index:20;border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent)}.header-inner{height:76px;justify-content:space-between;gap:20px}.header-inner,.site-nav{display:flex;align-items:center}.site-nav{gap:30px;font-size:.875rem;color:var(--color-muted)}.site-nav [aria-current]{color:var(--color-text)}.site-nav .icon-button{margin-inline:-8px}.nav-divider{width:1px;height:17px;background:var(--color-border);margin-left:2px}.site-footer{border-top:1px solid var(--color-border);margin-top:72px;padding-block:38px;justify-content:space-between;gap:32px}.site-footer,.site-footer>div{display:flex;align-items:center}.site-footer>div{gap:28px}.site-footer .brand-en{display:none}.site-footer .brand-mark{width:29px;height:29px;font-size:16px}.site-footer .brand-name{font-size:1rem}.footer-meta,.footer-thought{font-size:.8rem;color:var(--color-muted)}.footer-meta{text-align:right;line-height:2}.separator{padding:0 8px}.skip-link{position:absolute;left:20px;top:-100px;z-index:200;background:var(--color-accent);color:var(--color-bg);padding:12px}.skip-link:focus{top:10px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--color-text);color:var(--color-bg);border-radius:9px;padding:13px 20px;max-width:min(90vw,560px);opacity:0;pointer-events:none;z-index:120;font-size:.875rem;box-shadow:0 8px 32px #0003;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%)}.dialog{width:min(640px,calc(100% - 32px));max-height:86vh;overflow:auto;padding:28px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:22px;box-shadow:0 25px 80px #21345026}.dialog::backdrop{background:#19233750;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}.dialog h2{font-size:1.3rem}.dialog p{line-height:1.85;margin-bottom:16px}.search-result{display:flex;flex-direction:column;gap:5px;padding:17px 0;border-bottom:1px solid var(--color-border)}.search-result small{color:var(--color-muted);font:.75rem var(--font-code)}.empty-state{padding:32px 0;color:var(--color-muted)}@media(max-width:900px){.shell{width:calc(100% - 48px)}.site-nav{gap:20px}}@media(max-width:600px){.shell{width:calc(100% - 36px)}.prototype-bar{padding:8px 18px;gap:8px;flex-wrap:wrap}.prototype-caption{gap:8px;display:none}.prototype-bar nav{width:100%;justify-content:space-between;gap:12px;padding-top:0}.header-inner{height:72px;gap:12px}.brand-en{display:none}.brand-mark{width:30px;height:30px;font-size:18px}.brand{gap:8px}.brand-name{font-size:1.15rem}.site-nav{gap:14px;font-size:.8125rem}.site-nav .nav-divider{display:none}.site-nav .icon-button{width:32px}.site-footer{align-items:flex-start;margin-top:42px;padding-block:28px}.site-footer>div{flex-direction:column;align-items:flex-start;gap:12px}.footer-meta{font-size:.75rem}.dialog{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}}.home-page,.intro{position:relative}.intro{padding:88px 0 78px;text-align:center;isolation:isolate}.intro-copy{position:relative;z-index:1}.intro h1{font-size:clamp(2rem,3.4vw,3rem);font-weight:600;line-height:1.5;letter-spacing:-.065em}.intro h1 span{color:var(--color-accent)}.intro p{color:var(--color-muted);margin-top:20px;font-size:.9375rem;letter-spacing:.24em}.ambient-flow{position:absolute;inset:-10px 0 -180px;z-index:-1;overflow:hidden;pointer-events:none}.ambient-flow:before{content:"";position:absolute;inset:15% 5% -25%;background:radial-gradient(ellipse at 30% 70%,#b8e8fa80,transparent 58%),radial-gradient(ellipse at 70% 55%,#b7c6ff70,transparent 55%),radial-gradient(ellipse at 55% 80%,#e0cefa60,transparent 58%);filter:blur(35px);animation:light-drift 18s ease-in-out infinite alternate}@keyframes light-drift{0%{transform:translate(-3%) rotate(-4deg)}to{transform:translate(3%,4%) rotate(4deg)}}.featured{position:relative;display:grid;grid-template-columns:1.2fr 1fr;min-height:310px;border:1px solid var(--color-glass-border);border-radius:28px;background:var(--color-glass);box-shadow:0 14px 55px -22px #49639424,inset 0 1px #ffffff80;overflow:hidden;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.featured-content{position:relative;z-index:2;padding:48px;display:flex;flex-direction:column;align-items:flex-start}.featured-label{font-size:.8125rem;color:var(--color-muted)}.featured h2{font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.55;font-weight:600;letter-spacing:-.045em;margin:17px 0 12px}.featured p{color:var(--color-muted);font-size:.9375rem;line-height:1.9;max-width:25em}.featured-content:hover{color:var(--color-text)}.read-link{display:inline-flex;gap:22px;align-items:center;font-size:.875rem;color:var(--color-accent);margin-top:28px}.read-link span{transition:transform .25s}.featured-content:hover .read-link span{transform:translate(3px,-3px)}.flow-art{position:relative;min-width:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 60% 65%,#b8d9ff45,transparent 70%)}.flow-ribbon{position:absolute;width:410px;height:215px;border-radius:50%;transform:rotate(-30deg);background:linear-gradient(160deg,#ffffffed 2%,#e0f2ff 22%,#bddaff 39%,#95b8f06b 49%,#fbfaffbd 60%,#dde0fc66 80%);box-shadow:inset 0 2px 3px #ffffffc9,inset 0 -8px 20px #85a5d52e,0 28px 36px -25px #709dd43b}.ribbon-one{top:16px;left:10px}.ribbon-two{top:68px;left:22px;width:375px;height:175px;opacity:.85}.ribbon-three{top:117px;left:37px;width:335px;height:140px;opacity:.8}.writing-section{padding-top:72px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.section-header h2{font-size:1.5rem;font-weight:600;letter-spacing:-.03em}.category-tabs{display:flex;align-items:center;gap:4px;padding:4px;background:var(--color-surface-raised);border-radius:999px;font-size:.8125rem;color:var(--color-muted)}.category-tabs a{padding:7px 20px;border-radius:999px;white-space:nowrap}.category-tabs a.active{color:var(--color-text);background:var(--color-surface);box-shadow:0 2px 6px #172b4310}.post-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.post-row{position:relative;background:var(--color-surface);border-radius:22px;padding:28px;min-width:0;transition:transform .25s,box-shadow .25s}.post-row:hover{transform:translateY(-3px);box-shadow:0 12px 35px -15px #34496924}.post-entry{display:block;padding-bottom:26px}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:18px;font-size:.8125rem;color:var(--color-muted)}.post-meta>span:not(.category-label){font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.category-label{color:var(--color-muted)}.post-row .post-meta{justify-content:space-between;font-size:.75rem;gap:8px}.post-row h3{font-size:1.125rem;font-weight:550;line-height:1.65;letter-spacing:-.025em;margin:24px 20px 0 0;min-height:3.3em}.post-arrow{position:absolute;right:26px;top:78px;color:var(--color-muted);font-size:1.1rem}.post-tags{display:flex;flex-wrap:wrap;gap:12px}.post-tags button{padding:0;background:transparent;border:0;color:var(--color-muted);font-size:.75rem}.post-tags button:hover{color:var(--color-accent)}[data-theme=dark] .ambient-flow{opacity:.28}[data-theme=dark] .flow-art{opacity:.65}[data-theme=dark] .featured{box-shadow:0 14px 55px -22px #0008}@media(max-width:1050px){.featured-content{padding:36px}.post-list{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-ribbon{left:-25px}.ribbon-two{left:-13px}.ribbon-three{left:2px}}@media(max-width:600px){.intro{padding:60px 0 49px}.intro h1{font-size:1.95rem}.intro p{font-size:.8125rem;margin-top:16px}.ambient-flow{inset:0 0 -150px}.featured{display:flex;flex-direction:column-reverse;border-radius:24px}.flow-art{height:145px}.flow-ribbon{width:275px;height:145px;top:-18px;left:calc(50% - 137px)}.ribbon-two{width:250px;height:115px;top:17px;left:calc(50% - 125px)}.ribbon-three{width:225px;height:90px;top:48px;left:calc(50% - 112px)}.featured-content{padding:18px 26px 30px}.featured h2{font-size:1.45rem;margin:12px 0}.featured p{font-size:.875rem}.read-link{margin-top:20px}.writing-section{padding-top:44px}.section-header{align-items:flex-start;flex-direction:column;gap:18px}.section-header h2{font-size:1.3rem}.category-tabs{width:100%;justify-content:space-between}.category-tabs a{padding:7px 16px}.post-list{grid-template-columns:1fr;gap:14px}.post-row{padding:24px}.post-row h3{min-height:0;margin-top:18px}.post-arrow{top:65px}.post-entry{padding-bottom:22px}}.reading-progress{position:fixed;height:2px;top:0;left:0;right:0;z-index:30;pointer-events:none}.reading-progress span{display:block;height:100%;width:0;background:var(--color-accent)}.article-page{padding-top:38px;max-width:1040px}.article-breadcrumb{display:flex;gap:13px;align-items:center;color:var(--color-muted);font-size:.8125rem}.article-breadcrumb>span:not(.sample-label){opacity:.5}.sample-label{font-size:.75rem;border:1px solid var(--color-border);border-radius:4px;padding:2px 7px;margin-left:auto}.article-header{max-width:850px;padding-top:44px}.article-header h1{font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.045em;line-height:1.45;margin:22px 0;max-width:780px}.article-lede{color:var(--color-muted);font-size:1.125rem;line-height:1.9;max-width:740px}.article-byline{display:flex;align-items:center;gap:11px;margin:28px 0 0;font-size:.8125rem}.author-symbol{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--color-accent);border:1px solid var(--color-border);font-size:.8125rem}.byline-note{margin-left:15px}.article-share,.byline-note{color:var(--color-muted);font-size:.75rem}.article-share{display:flex;align-items:center;gap:7px;padding-right:16px}.article-share .icon{width:15px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(160px,1fr);gap:90px;margin-top:28px;padding-top:44px;border-top:1px solid var(--color-border)}.article-prose{font-size:var(--text-body);line-height:var(--line-body);overflow-wrap:anywhere}.article-prose h2{font-size:1.45rem;font-weight:600;line-height:1.6;letter-spacing:-.015em;margin:0 0 24px}.article-prose h3{font-size:1.2rem;margin:32px 0 18px}.article-prose p{margin:0 0 24px}.article-prose section+section{margin-top:48px}.article-prose strong{font-weight:650}.article-prose blockquote{border-left:2px solid var(--color-accent);background:var(--color-surface);margin:30px 0;padding:22px 28px;color:var(--color-text);font-size:1.08rem;line-height:1.9;border-radius:0 16px 16px 0}.article-prose ol,.article-prose ul{padding-left:23px;margin:22px 0 28px}.article-prose li{padding-left:6px;margin-bottom:11px}.article-prose li::marker{color:var(--color-accent)}.code-card{border:1px solid var(--color-border);border-radius:9px;overflow:hidden;margin:28px 0;background:var(--color-surface)}.code-heading{padding:11px 18px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;color:var(--color-muted);font:.75rem var(--font-code)}.copy-code{padding:0;font:.75rem var(--font-body);background:transparent;border:0;color:var(--color-muted)}.copy-code:hover{color:var(--color-accent)}.code-card pre{margin:0;padding:24px;overflow-x:auto;font:.875rem/1.9 var(--font-code);tab-size:2;white-space:pre}.code-key{color:var(--color-link)}.code-string{color:var(--color-accent)}.article-callout{border:1px solid var(--color-border);padding:23px 27px;border-radius:8px;margin-top:30px}.article-callout .eyebrow{color:var(--color-accent)}.article-callout p{margin:0;font-size:1rem}.toc-sticky{position:sticky;top:124px}.toc-sticky>.eyebrow{font-size:.75rem}.toc-sticky h2{font-size:.9375rem;margin:11px 0 22px;font-weight:500}.toc-sticky nav{border-left:1px solid var(--color-border)}.mobile-toc nav a,.toc-sticky nav a{display:flex;align-items:baseline;gap:10px;font-size:.8125rem;color:var(--color-muted);padding:11px 0 11px 16px;margin-left:-1px;line-height:1.7}.toc-sticky nav a[aria-current]{color:var(--color-accent);border-left:2px solid var(--color-accent);padding-left:14px}.mobile-toc nav .mono,.toc-sticky nav a .mono{font-size:.75rem;opacity:.7}.toc-note{border-top:1px solid var(--color-border);margin-top:34px;padding-top:22px;font-size:.8125rem;line-height:1.9}.toc-note,.top-link{color:var(--color-muted)}.top-link{margin-top:18px;font-size:.75rem}.mobile-toc{display:none}.article-end{display:flex;gap:20px;align-items:center;margin-top:48px;font-size:.75rem;color:var(--color-muted)}.end-line{flex:1 1;height:1px;background:var(--color-border)}.article-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.article-tags button{border:1px solid var(--color-border);background:transparent;border-radius:999px;padding:5px 12px;color:var(--color-muted);font-size:.75rem}.article-tags button:hover{color:var(--color-accent)}.related-section{margin-top:70px;padding-top:30px;border-top:1px solid var(--color-border)}.related-section h2{font-size:1.3rem;font-weight:500;margin:12px 0 26px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.related-grid a{padding:22px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px}.related-grid a h3{font-size:1.075rem;font-weight:550;line-height:1.7;margin:12px 0}.related-grid a p{font-size:.8125rem;color:var(--color-muted);line-height:1.85}.empty-page{min-height:60vh;padding-block:70px}.empty-page h1{margin-bottom:25px}@media(max-width:1050px){.article-layout{grid-template-columns:minmax(0,1fr) 200px;gap:42px}.article-header{max-width:780px}}@media(max-width:800px){.article-layout{display:block;padding-top:28px}.article-sidebar{display:none}.mobile-toc{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:13px 18px;margin-bottom:32px;font-size:.875rem}.mobile-toc summary{cursor:pointer}.mobile-toc nav{margin-top:10px}.article-header{padding-top:38px}.article-header h1{font-size:2.25rem}}@media(max-width:600px){.article-page{padding-top:26px}.article-header h1{font-size:1.95rem;line-height:1.55}.article-header .article-lede{font-size:1rem}.article-prose{font-size:1rem;line-height:1.95}.article-prose h2{font-size:1.28rem}.article-prose blockquote{padding:18px 20px;font-size:1rem}.byline-note{display:block;margin:0;font-size:.75rem}.article-share{padding:0}.article-share span{display:none}.related-grid{grid-template-columns:1fr;gap:14px}.code-card pre{padding:18px;font-size:.8125rem}.article-end{gap:12px;font-size:.75rem}.article-prose section+section{margin-top:36px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.studio-brand{position:relative}.sidebar-close{display:none;position:absolute;top:0;right:0}.editor-toolbar button{white-space:nowrap}@media(max-width:760px){.sidebar-close{display:inline-flex}}.studio-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - 34px)}.studio-sidebar{background:color-mix(in srgb,var(--color-bg) 80%,var(--color-surface));border-right:1px solid var(--color-border);padding:27px 18px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 34px);min-height:620px}.studio-brand{padding:0 12px 31px}.studio-brand .brand-en{display:none}.studio-brand .brand-mark{height:32px;width:32px;font-size:18px}.studio-brand .brand-name{font-size:1.25rem}.workspace-label{display:block;color:var(--color-muted);font:.75rem var(--font-code);margin-top:17px;letter-spacing:.03em;opacity:.7}.sidebar-section-label{color:var(--color-muted);display:block;font-size:.75rem;margin:3px 12px 12px}.sidebar-link{border:1px solid transparent;background:transparent;width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:11px 12px;color:var(--color-muted);border-radius:7px;margin-bottom:5px;font-size:.875rem}.sidebar-link .icon{width:18px}.sidebar-link .nav-count{font:.75rem var(--font-code);margin-left:auto;opacity:.7}.sidebar-link small{margin-left:auto;font-size:.75rem}.sidebar-link.active{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 7%,transparent);border-color:transparent}.sidebar-link:not(:disabled):hover{background:var(--color-surface-raised)}.sidebar-second{margin-top:35px}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-bottom>a{color:var(--color-muted);font-size:.8125rem;display:flex;align-items:center;gap:11px;margin:0 12px 22px}.sidebar-bottom>a .icon{width:17px}.workspace-owner{display:flex;align-items:center;gap:10px;padding:20px 10px 0;border-top:1px solid var(--color-border);font-size:.8125rem}.owner-avatar{border:1px solid var(--color-border);width:33px;height:33px;border-radius:8px;display:grid;place-items:center;color:var(--color-accent);font-size:.875rem}.workspace-owner small{display:block;color:var(--color-muted);font-size:.75rem;margin-top:3px}.studio-main{min-width:0}.studio-topbar{justify-content:space-between;gap:16px;padding:17px 36px;min-height:72px;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.studio-crumb,.studio-topbar{display:flex;align-items:center}.studio-crumb{gap:15px;font-size:.8125rem;color:var(--color-muted)}.studio-crumb strong{color:var(--color-text);font-weight:500}.studio-top-actions{display:flex;align-items:center;gap:18px;font-size:.8125rem;color:var(--color-muted)}.studio-content{padding:30px 36px 48px;max-width:1400px;margin-inline:auto}.editor-page-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.editor-page-heading .eyebrow{font-size:.75rem}.editor-page-heading h1{font-size:1.45rem;font-weight:550;margin-top:9px;letter-spacing:-.03em}.private-status{display:flex;align-items:center;gap:7px;font-size:.75rem;border:1px solid var(--color-border);border-radius:5px;padding:6px 9px;color:var(--color-muted);white-space:nowrap}.private-status .icon{width:14px}.status-demo{opacity:.6}.prototype-notice{display:flex;align-items:center;gap:9px;font-size:.75rem;color:var(--color-muted);padding:0;border:0;background:transparent;border-radius:6px}.prototype-notice .icon{width:15px}.editor-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0}.editor-actions>div{display:flex;align-items:center;gap:9px}.save-status{color:var(--color-muted);font-size:.75rem}.save-status>span{opacity:.65}.compact{min-height:37px;padding:7px 12px;font-size:.8125rem}.compact .icon{width:16px;height:16px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:24px;align-items:start}.editor-paper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;box-shadow:0 8px 30px -18px #283c5e1c;overflow:hidden;min-width:0}.editor-title-area{padding:29px 32px 22px}.paper-caption{color:var(--color-muted);font-size:.75rem;letter-spacing:.08em}.draft-title{resize:none;border:0;border-radius:0;background:transparent;padding:0;margin:0;font-size:1.8rem;font-weight:650;line-height:1.5;letter-spacing:-.03em;min-height:74px;width:100%}.draft-title:focus-visible{outline-offset:5px}.paper-intro{font-size:.8125rem;color:var(--color-muted)}.editor-toolbar{display:flex;gap:4px;align-items:center;padding:9px 17px;border-block:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 40%,var(--color-surface));flex-wrap:wrap}.editor-toolbar button{display:grid;place-items:center;width:32px;height:30px;border:0;border-radius:4px;background:transparent;color:var(--color-muted);font:.9375rem var(--font-code)}.editor-toolbar button:hover:not(:disabled){color:var(--color-accent);background:var(--color-surface-raised)}.editor-toolbar>span:not(.toolbar-caption){height:16px;width:1px;background:var(--color-border);margin-inline:5px}.editor-toolbar .toolbar-caption{margin-left:auto;font-size:.75rem;color:var(--color-muted)}.editor-toolbar .icon{width:16px}.draft-body{padding:28px 32px;min-height:485px;font-size:1rem;line-height:1.95;outline:none}.draft-body:focus-visible{outline:none;box-shadow:inset 2px 0 var(--color-accent)}.draft-body h2{font-size:1.25rem;margin:29px 0 18px}.draft-body p{margin-bottom:19px}.draft-body blockquote{font-size:.9375rem;margin:24px 0;background:var(--color-bg);padding:16px 21px}.draft-body pre{overflow:auto;font:.875rem/1.8 var(--font-code);background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;padding:18px;white-space:pre-wrap}.draft-body code{font-family:var(--font-code)}.editor-paper-footer{border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:12px 20px;color:var(--color-muted);font-size:.75rem;gap:15px}.editor-paper-footer .mono{opacity:.6;font-size:.75rem}.editor-inspector{border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);overflow:hidden}.inspector-section{padding:22px 19px;border-bottom:1px solid var(--color-border)}.inspector-section h2{font-size:.875rem;font-weight:600;margin-bottom:21px}.inspector-section .field-label{font-size:.8125rem;font-weight:400;margin-bottom:9px;color:var(--color-muted)}.inspector-section input,.inspector-section select,.inspector-section textarea{font-size:.8125rem;padding:9px 10px}.tags-label{margin-top:20px}.field-help{margin-top:9px;color:var(--color-muted);font-size:.75rem;line-height:1.8}.editable-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.editable-tags>span{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;padding:4px 7px 4px 9px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:5px}.editable-tags button{background:transparent;border:0;padding:0 3px;color:var(--color-muted);font-size:1rem}.summary-input{resize:vertical;min-height:100px;line-height:1.8}.slug-label{margin-top:19px}.slug-input{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);padding-left:9px}.slug-input>span{font-size:.75rem;color:var(--color-muted)}.slug-input input{min-width:0;padding-left:0;font-family:var(--font-code)}#draft-outline button,.slug-input input{border:0;background:transparent;font-size:.75rem}#draft-outline button{display:flex;align-items:baseline;gap:9px;text-align:left;padding:7px 0;color:var(--color-muted);width:100%;line-height:1.8}#draft-outline button:hover{color:var(--color-accent)}#draft-outline button span{color:var(--color-accent);font:.75rem var(--font-code)}.privacy-reminder{display:flex;gap:9px;align-items:flex-start;font-size:.75rem;color:var(--color-muted);line-height:1.9;padding:20px 18px}.privacy-reminder .icon{width:16px;margin-top:3px}.inspector-toggle,.sidebar-toggle{display:none}.preview-dialog{width:min(880px,calc(100% - 32px))}.preview-notice{color:var(--color-muted);font-size:.8125rem;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.preview-article{padding:10px 20px 20px}.preview-article h1{font-size:2rem;line-height:1.5;margin-bottom:25px}.preview-article h2{margin-top:32px}.preview-article .article-lede{margin-bottom:32px}.publish-summary{padding:22px;border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px}.publish-summary h3{font-size:1.3rem;line-height:1.7;margin:12px 0}.publish-summary>p{color:var(--color-muted);font-size:.875rem}.publish-summary dl{display:grid;grid-template-columns:72px minmax(0,1fr);gap:13px;margin-bottom:0;font-size:.8125rem}.publish-summary dt{color:var(--color-muted)}.publish-summary dd{margin:0;overflow-wrap:anywhere}.publish-notice{color:var(--color-muted);font-size:.8125rem;line-height:1.9;margin:20px 0}.dialog-actions{display:flex;gap:10px;justify-content:flex-end}@media(min-width:1700px){.studio-content{padding-inline:55px}.editor-layout{grid-template-columns:minmax(0,1fr) 280px;gap:30px}.draft-title{font-size:2.1rem}.draft-body,.editor-title-area{padding-inline:42px}}@media(max-width:1250px){.studio-shell{grid-template-columns:200px minmax(0,1fr)}.studio-sidebar{padding-inline:12px}.studio-content{padding:26px 24px 40px}.studio-topbar{padding-inline:24px}.editor-layout{grid-template-columns:minmax(0,1fr) 224px;gap:18px}.draft-body,.editor-title-area{padding-inline:24px}.toolbar-caption{display:none}.workspace-label{font-size:.75rem;letter-spacing:0}.save-status>span{display:none}}@media(max-width:1000px){.studio-shell{grid-template-columns:180px minmax(0,1fr)}.studio-sidebar{padding-inline:8px}.workspace-label{font-size:.75rem;word-break:break-word}.editor-layout{grid-template-columns:1fr}.editor-inspector{display:none}.editor-inspector.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-toggle{display:flex}.editor-page-heading{align-items:flex-start}.editor-page-heading h1{font-size:1.3rem}.private-status{margin-top:2px}.status-demo{display:none}}@media(max-width:760px){.studio-shell{display:block}.studio-sidebar{position:fixed;top:0;bottom:0;height:100dvh;min-height:0;width:238px;z-index:60;transform:translateX(-100%);transition:transform var(--motion-fast);box-shadow:none}.studio-sidebar.open{transform:translateX(0);box-shadow:20px 0 60px #16203326}.sidebar-toggle{display:flex;margin-left:-7px}.studio-topbar{padding:9px 20px;min-height:65px}.studio-crumb{gap:10px}.studio-top-actions{gap:12px}.studio-content{padding:23px 20px 35px}.studio-topbar{position:sticky;top:0;z-index:25}.editor-page-heading h1{font-size:1.25rem}.editor-page-heading .eyebrow{font-size:.75rem}.editor-actions{flex-wrap:wrap;gap:13px}.editor-actions>div{margin-left:auto}.save-status{width:100%}.private-status{padding:4px 7px}.editor-title-area{padding:25px 22px 20px}.draft-title{font-size:1.65rem;min-height:79px}.draft-body{padding-inline:22px}.editor-inspector.open{display:block}.editor-paper-footer .mono{display:none}.prototype-notice{align-items:flex-start;line-height:1.8}.prototype-notice .icon{margin-top:2px}.preview-article{padding-inline:0}.preview-article h1{font-size:1.55rem}}@media(max-width:430px){.studio-content,.studio-topbar{padding-inline:14px}.studio-crumb{font-size:.75rem}.studio-top-actions{font-size:.75rem;gap:8px}.editor-page-heading{display:block}.private-status{width:max-content;margin-top:14px}.editor-actions>div{gap:7px;margin-left:0;width:100%;justify-content:space-between}.compact{padding:7px 9px;font-size:.75rem}.compact .icon{display:none}.editor-toolbar{padding-inline:12px}.editor-toolbar button{width:29px}.editor-toolbar>span:not(.toolbar-caption){margin-inline:2px}.draft-title{font-size:1.5rem}.draft-body{font-size:.9375rem}.draft-body,.editor-title-area{padding-inline:20px}.draft-body h2{font-size:1.125rem}}.public-main{min-height:65vh}main:focus{outline:none}.site-footer .footer-meta{display:flex;gap:24px;font-size:.8125rem}.listing-page{padding:60px 0 20px}.listing-page h1{font-size:2rem;font-weight:600;letter-spacing:-.04em}.listing-page .section-header{margin-bottom:36px}.post-tags a{color:var(--color-muted);font-size:.75rem}.post-tags a:hover{color:var(--color-accent)}.post-meta time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.post-row .post-meta time{margin-left:auto}.article-page{margin-inline:auto}.article-prose>h2{margin-top:44px}.article-prose>h2:first-of-type{margin-top:0}.article-prose blockquote p{margin:0}.article-prose :not(pre)>code{font-family:var(--font-code);background:var(--color-surface-raised);padding:2px 5px;border-radius:4px}.article-tags a{border:1px solid var(--color-border);border-radius:999px;padding:5px 12px;color:var(--color-muted);font-size:.8125rem}.article-prose a{color:var(--color-link);text-decoration:underline;text-underline-offset:3px}.article-prose .article-tags a{text-decoration:none}.top-link{display:inline-block}.copy-control{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--color-muted);font-size:.8125rem}.copy-feedback{font-size:.75rem}.table-scroll table{min-width:100%}.table-scroll td,.table-scroll th{border:1px solid var(--color-border);padding:10px}.search-form{display:flex;gap:12px;max-width:680px;margin:32px 0}.search-form .text-input{background:var(--color-surface);border-radius:999px;padding-left:22px;min-width:0}.search-form .button{flex-shrink:0;min-width:78px}.search-count{color:var(--color-muted);margin:24px 0}.search-hints a{display:inline-block;padding:7px 16px;background:var(--color-surface);border-radius:999px;margin:20px 12px 0 0;font-size:.875rem}.archive-page{max-width:860px;margin-inline:auto}.archive-year{margin-top:44px}.archive-year h2{display:flex;gap:18px;align-items:baseline;font-weight:500;font-size:1.5rem;margin-bottom:15px}.archive-year h2 span{font-size:.8125rem;color:var(--color-muted)}.archive-row{display:grid;grid-template-columns:75px minmax(0,1fr) 20px;gap:18px;padding:24px 0;border-bottom:1px solid var(--color-border)}.archive-row time{color:var(--color-muted);font-size:.875rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.about-page{max-width:680px;margin:80px auto}.about-page h1{font-size:2.5rem;margin:24px 0;font-weight:600}.about-body{margin-top:50px;padding-top:32px;border-top:1px solid var(--color-border);line-height:1.95}.about-body p+p{margin-top:26px}.page-state{min-height:60vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px}.page-state h1{font-size:2rem;font-weight:600}.loading-state,.page-state p{color:var(--color-muted)}.loading-state{padding:100px 0}.studio-shell{min-height:100vh}.studio-sidebar{height:100vh}.preview-badge{border-radius:999px;background:var(--color-surface-raised);padding:3px 9px;font-size:.75rem}.workspace-note{color:var(--color-muted);font-size:.75rem;margin:0 12px}.studio-record-list{margin-top:30px}.studio-record{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:28px;margin-bottom:20px}.studio-record strong{display:block;font-size:1.125rem;font-weight:600}.studio-record .muted{display:block;margin-top:9px;font-size:.875rem}.record-status{flex-shrink:0;font-size:.8125rem;color:var(--color-muted)}.editor-settings{display:block}.editor-settings>summary{padding:20px;font-size:.875rem;font-weight:600;cursor:pointer}.editor-settings .inspector-section:first-of-type{padding-top:0}.editor-outline a{display:block;font-size:.8125rem;color:var(--color-muted);margin:12px 0}.editor-outline a:hover{color:var(--color-accent)}.draft-body>h2:first-of-type{margin-top:30px}.draft-title[readonly]{cursor:text}.studio-drawer{position:fixed;inset:0 auto 0 0;margin:0;padding:0;height:100dvh;max-height:none;width:min(300px,85vw);max-width:none;color:var(--color-text);background:var(--color-surface);border:0;box-shadow:20px 0 70px #17253d26}.studio-drawer::backdrop{background:#17253d35;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drawer-content{padding:22px 16px;min-height:100%;display:flex;flex-direction:column}.drawer-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}@media(max-width:1000px){.editor-settings{display:block}.editor-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.desktop-sidebar{display:none}.studio-record{flex-direction:column;align-items:flex-start;gap:20px}.studio-crumb .preview-badge{display:none}}@media(max-width:600px){.listing-page{padding-top:38px}.listing-page h1{font-size:1.65rem}.archive-row{gap:12px;grid-template-columns:52px minmax(0,1fr) 14px;font-size:.9375rem}.about-page{margin:48px 0}.about-page h1{font-size:2rem}.site-footer .footer-meta{gap:14px;font-size:.75rem}.article-tags{margin-top:32px}.editor-page-heading{display:flex}.editor-page-heading h1{flex-shrink:0}.private-status{margin:0}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.auth-page{max-width:440px;margin:70px auto;min-height:60vh}.auth-page h1{font-size:2rem;font-weight:600;margin:24px 0 14px}.auth-form{margin-top:34px}.auth-form .field-label:not(:first-child){margin-top:22px}.auth-form .text-input{background:var(--color-surface)}.auth-form>.button{width:100%}.form-feedback{min-height:1.8em;margin:20px 0;font-size:.875rem;color:var(--color-danger)}.setup-hint{line-height:1.9;margin-top:32px}.setup-hint p+p{margin-top:18px}.plain-editor{display:block;min-height:480px;resize:vertical;border:0;border-radius:0;border-top:1px solid var(--color-border);background:var(--color-surface);padding:28px 32px;line-height:1.95}.plain-editor:focus-visible{outline-offset:-3px}.logout-control{font-size:.8125rem}.logout-control [role=status]{color:var(--color-danger)}.home-empty{padding:48px;margin-top:20px;background:var(--color-surface);border-radius:28px}.home-empty h2{font-size:1.5rem;font-weight:500;margin-bottom:12px}.home-empty p{color:var(--color-muted)}@media(max-width:600px){.auth-page{margin:40px auto}.plain-editor{padding:24px}.studio-top-actions{gap:10px}.home-empty{padding:28px}.logout-control{font-size:.75rem}}.account-page{max-width:760px;margin:0 auto;padding-bottom:40px}.account-heading{margin-bottom:30px}.account-heading h1{font-size:2rem;font-weight:600;margin-bottom:12px}.account-card{padding:30px;margin-top:22px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:22px}.account-card h2{font-size:1.125rem;font-weight:600;margin-bottom:14px}.account-card>.muted,.account-form .field-help{font-size:.875rem;line-height:1.8}.account-form{margin-top:24px}.account-form fieldset{border:0;padding:0;margin:0;min-width:0}.account-form .field-label:not(:first-child){margin-top:22px}.account-form .text-input{width:100%}.account-form .field-help{margin-top:10px}.account-form .form-feedback{margin:12px 0}.account-help-link{display:inline-block;margin-top:20px;font-size:.875rem;color:var(--color-link)}.recovery-page{max-width:620px}.recovery-page ol{padding-left:24px;margin:24px 0}.recovery-page li{margin:16px 0;line-height:1.9}.recovery-page code{overflow-wrap:anywhere}@media(max-width:600px){.account-card{padding:22px 18px;border-radius:18px}.account-form .button{width:100%}}.management-page{max-width:900px;margin:auto;padding-bottom:40px}.management-page h1{font-size:2rem;margin-bottom:18px}.management-page>p{margin:18px 0;line-height:1.8}.management-inline{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.management-inline .text-input{flex:1 1;min-width:120px}.management-inline form{flex:1 1}.taxonomy-item{padding:24px 0;border-top:1px solid var(--color-border);margin-top:24px}.taxonomy-item .field-help{overflow-wrap:anywhere;margin:12px 0}.management-check{display:flex;gap:12px;align-items:center;margin:24px 0 10px}.management-check input{width:18px;height:18px}.management-page fieldset{border:0;min-width:0}.management-page .account-form>fieldset>div{margin-bottom:20px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metric-grid strong{display:block;font-size:2.4rem;margin-top:12px}.table-scroll{overflow-x:auto}.table-scroll table{width:100%;border-collapse:collapse;font-size:.875rem}.table-scroll td,.table-scroll th{padding:12px;text-align:left;border-bottom:1px solid var(--color-border)}.pagination{display:flex;justify-content:center;gap:24px;margin:36px 0;font-size:.875rem}.about-body{white-space:pre-wrap}.management-page .text-input{max-width:100%}@media(max-width:600px){.metric-grid{gap:12px}.management-inline{align-items:stretch}.management-inline .button{white-space:nowrap}.management-page h1{font-size:1.7rem}}.capacity-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.capacity-heading h1{margin-bottom:8px}.capacity-metrics strong{font-size:1.8rem}.capacity-notice{padding:16px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;margin-bottom:20px}.capacity-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.capacity-disk{margin:20px 0}.capacity-disk>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.capacity-disk progress{width:100%;height:8px;margin-top:12px;accent-color:var(--color-accent)}.capacity-page .account-card{margin-bottom:20px}.capacity-page summary{cursor:pointer;font-weight:600}.capacity-item-list{max-height:360px;overflow:auto;margin:20px 0}.capacity-item-list>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--color-border)}.capacity-item-list span{min-width:0;overflow-wrap:anywhere}.capacity-item-list small{display:block;margin-top:5px;color:var(--color-muted)}.capacity-item-list .button{flex-shrink:0}.capacity-preview{margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border)}.capacity-preview .button{margin-top:16px}.capacity-run{padding:16px 0;border-bottom:1px solid var(--color-border)}@media(max-width:600px){.capacity-fields{grid-template-columns:1fr}.capacity-metrics strong{font-size:1.45rem}.capacity-heading{align-items:flex-start}.capacity-item-list>div{gap:10px}}.writing-workspace{max-width:1160px;margin-inline:auto}.writing-workspace .editor-settings .inspector-section:first-of-type{padding-top:22px}.code-language input,.link-tools input,.new-tag input,.publish-address input,.writing-filters .search-field input{width:100%;border:1px solid var(--color-border);border-radius:9px;background:var(--color-bg);color:var(--color-text);padding:10px 12px;outline-offset:3px}.rich-toolbar{gap:3px;padding:12px 16px}.rich-toolbar button{width:auto;min-width:32px;padding-inline:7px;font-size:.8rem}.rich-toolbar button[aria-pressed=true]{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.rich-editor{min-height:460px;overflow-wrap:anywhere}.rich-editor p{margin:.8em 0}.rich-editor>:first-child{margin-top:0}.rich-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-muted);pointer-events:none;height:0}.rich-editor img{display:block;max-width:100%;max-height:700px;height:auto;border-radius:8px}.rich-editor .ProseMirror-selectednode{outline:2px solid var(--color-accent)}.rich-editor table{table-layout:fixed;width:100%;border-collapse:collapse}.rich-editor td,.rich-editor th{border:1px solid var(--color-border);padding:8px;position:relative;min-width:40px;vertical-align:top}.rich-editor th{background:var(--color-bg)}.rich-editor .selectedCell:after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--color-accent) 14%,transparent);pointer-events:none}.rich-editor pre{white-space:pre;max-width:100%;overflow:auto}.code-language,.link-tools,.table-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:10px 20px;border-bottom:1px solid var(--color-border);font-size:.8rem}.link-tools button,.paste-notice button,.table-tools button{border:0;background:transparent;color:var(--color-accent)}.link-tools input{width:min(320px,100%)}.code-language input{max-width:170px;padding:5px 8px}.paste-notice{display:flex;justify-content:space-between;gap:10px;padding:12px 20px;font-size:.8rem;line-height:1.7;background:color-mix(in srgb,var(--color-accent) 5%,var(--color-bg))}.paste-notice button{flex-shrink:0}.tag-picker{border:0;margin:20px 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.tag-picker legend{font-size:.8rem;color:var(--color-muted);margin-bottom:9px}.tag-picker label{display:inline-flex;gap:5px;align-items:center;font-size:.75rem;padding:5px 8px;border-radius:7px;background:var(--color-bg)}.tag-picker input{width:auto;accent-color:var(--color-accent)}.new-tag{display:flex;gap:6px}.new-tag input{min-width:0}.new-tag button{border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;color:var(--color-accent);padding:3px 10px}.writing-operations{display:grid;gap:17px;font-size:.8rem}.writing-operations .text-button{text-align:center}.writing-alert{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:8px;font-size:.875rem;margin-bottom:20px}.writing-alert button{background:var(--color-surface);color:var(--color-accent);border:1px solid var(--color-border);border-radius:7px;padding:8px}.writing-feedback{margin:0 0 16px;font-size:.875rem;color:var(--color-accent)}.writing-dialog{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:22px;padding:0;margin:auto;width:min(980px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto}.writing-dialog::backdrop{background:#20334a4d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.writing-dialog-inner{padding:28px}.writing-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.writing-dialog h2{font-size:1.2rem;margin:0}.writing-dialog h1{overflow-wrap:anywhere}.writing-dialog .button{margin-top:15px}.preview-controls{display:flex;align-items:center;gap:8px;margin-bottom:28px;font-size:.8rem}.preview-controls button{padding:7px 14px;border-radius:20px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-muted)}.preview-controls button[aria-pressed=true]{color:var(--color-accent);border-color:var(--color-accent)}.preview-controls span{margin-left:auto}.writing-preview{max-width:700px;margin:auto;padding:20px}.writing-preview.mobile-preview{width:360px;max-width:100%;border:1px solid var(--color-border);border-radius:18px;padding:20px}.publish-address{display:flex;align-items:center;gap:10px}.publish-address input{min-width:0}.history-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:24px;margin-top:20px}.history-list{display:flex;flex-direction:column;gap:8px;max-height:60dvh;overflow:auto}.history-list button{display:grid;text-align:left;gap:5px;color:var(--color-text);background:var(--color-bg);border:1px solid transparent;border-radius:10px;padding:13px}.history-list button[aria-pressed=true]{border-color:var(--color-accent)}.history-list span,.history-list time{font-size:.7rem;color:var(--color-muted)}.history-list strong{font-size:.85rem;overflow-wrap:anywhere}.history-preview{min-width:0;max-height:65dvh;overflow:auto;padding:0 8px}.history-restore{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:20px}.history-restore h3{margin:0}.collection-count{margin:8px 0 0;font-size:.8rem;color:var(--color-muted)}.writing-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:28px 0}.writing-filters label{min-width:0}.writing-filters .search-field{flex:1 1 230px}.writing-filters input,.writing-filters select{font-size:.85rem;min-height:41px;padding:8px 12px}.writing-record{align-items:center;gap:20px;padding:26px}.writing-record-main{min-width:0;flex:1 1}.writing-record-main>a,.writing-record-main>strong{font-size:1.07rem}.writing-record-main p{font-size:.875rem;color:var(--color-muted);margin:10px 0 14px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.record-meta{display:flex;gap:14px;font-size:.75rem;color:var(--color-muted)}.record-open{padding:10px;color:var(--color-accent)}.writing-pagination{display:flex;justify-content:center;gap:28px;align-items:center;margin:30px 0;font-size:.85rem}@media(max-width:760px){.writing-dialog-inner{padding:18px}.history-layout{grid-template-columns:1fr}.history-list{max-height:180px}.history-preview{max-height:50dvh}.writing-preview{padding:8px}.writing-record{padding:20px}.collection-heading{display:flex}.writing-filters label:not(.search-field){flex:1 1 30%}.writing-filters select{width:100%}.rich-editor{min-height:360px}}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;margin:24px 0}.image-tile{min-width:0;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);padding:14px}.image-tile>img{width:100%;height:160px;object-fit:contain;border-radius:10px;background:var(--color-surface-raised);margin-bottom:12px}.image-tile>strong{display:block;overflow-wrap:anywhere}.image-tile .field-help{margin:10px 0}.image-library .account-card{margin-top:24px}.brand-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.brand-setting{min-width:0;padding:16px;border:1px solid var(--color-border);border-radius:14px}.brand-setting h3{margin-bottom:12px}.brand-setting img{max-width:100%;object-fit:contain;background:var(--color-surface-raised);border-radius:8px}.brand-setting .button{font-size:.8rem;padding:8px 12px}.upload-brand{display:block;margin-top:16px;font-size:.8rem}.upload-brand input{display:block;width:100%;margin-top:8px;font-size:.75rem}.brand-logo{object-fit:contain;border-radius:7px}.author-avatar{border-radius:50%;object-fit:cover}.export-filters{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.export-filters label{min-width:0}.export-batch{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--color-border)}.export-batch>div{min-width:0}.export-batch p{overflow-wrap:anywhere}.export-batch .button{flex-shrink:0}.analytics-ranges{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.analytics-chart{display:block;width:100%;height:220px;margin-top:24px}.chart-axis{stroke:var(--color-border)}.chart-line{fill:none;stroke:var(--color-accent);stroke-width:2;vector-effect:non-scaling-stroke}.chart-dot{fill:var(--color-accent)}.chart-labels{display:flex;justify-content:space-between;gap:12px;font-size:.75rem;color:var(--color-muted);margin:0 0 24px}.metric-grid small{display:block;color:var(--color-muted);margin-top:8px}.revision-diff{margin:24px 0;line-height:1.8}.diff-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:12px 0 24px}.diff-columns>del,.diff-columns>div,.diff-columns>ins{min-width:0;padding:16px;border-radius:12px;overflow-wrap:anywhere;text-decoration:none;white-space:pre-wrap}.diff-columns del,.diff-removed{background:color-mix(in srgb,#da6575 12%,var(--color-surface));border:1px solid color-mix(in srgb,#da6575 35%,var(--color-border))}.diff-added,.diff-columns ins{background:color-mix(in srgb,#42a68d 12%,var(--color-surface));border:1px solid color-mix(in srgb,#42a68d 35%,var(--color-border))}.revision-diff h4{font-size:.85rem;margin-bottom:16px}.reading-image{position:relative;width:100%;margin:28px auto;background:var(--color-surface-raised);border-radius:12px;overflow:hidden}.reading-image img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .2s}.reading-image.error img,.reading-image.loading img{opacity:0}.reading-image.error>span{position:absolute;inset:0;display:grid;place-items:center;font-size:.875rem;color:var(--color-muted)}.article-prose .table-scroll:focus-visible,.code-card pre:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.hljs-keyword,.hljs-literal,.hljs-selector-tag{color:#8354c5}.hljs-attr,.hljs-string{color:#287b68}.hljs-number,.hljs-symbol{color:#a06725}.hljs-built_in,.hljs-title{color:#306aa8}.hljs-comment,.hljs-quote{color:#697384;font-style:italic}.hljs-meta,.hljs-tag{color:#9a5470}.article-prose .table-scroll{max-width:100%;margin:24px 0}.article-prose .table-scroll table{min-width:100%;width:max-content;max-width:none}.article-prose .table-scroll td,.article-prose .table-scroll th{max-width:32rem;overflow-wrap:normal}.article-layout>*,.history-preview,.writing-preview{min-width:0}.revision-diff .reading-image{white-space:normal}[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-literal,[data-theme=dark] .hljs-selector-tag{color:#c5a0ff}[data-theme=dark] .hljs-attr,[data-theme=dark] .hljs-string{color:#83cdb9}[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-symbol{color:#e1bb7e}[data-theme=dark] .hljs-built_in,[data-theme=dark] .hljs-title{color:#92bdf0}[data-theme=dark] .hljs-comment,[data-theme=dark] .hljs-quote{color:#a0aabc}[data-theme=dark] .hljs-meta,[data-theme=dark] .hljs-tag{color:#e0a6bf}@media(max-width:700px){.brand-settings,.diff-columns{grid-template-columns:1fr}.image-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.chart-labels{font-size:.65rem}.export-filters{grid-template-columns:1fr}.export-batch{align-items:flex-start;flex-direction:column}.metric-grid strong{font-size:1.7rem}}.import-page textarea{line-height:1.8;resize:vertical}.import-history{margin:26px 0}.import-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.import-heading strong{min-width:0;overflow-wrap:anywhere;flex:1 1}.import-page progress{width:100%;height:8px;margin:18px 0;accent-color:var(--color-accent)}.import-item{padding:24px 0;border-top:1px solid var(--color-border);min-width:0}.import-item p{font-size:.875rem;line-height:1.8;margin:12px 0}.import-url{display:block;overflow-wrap:anywhere;margin:10px 0}.import-item details,.import-url{color:var(--color-muted);font-size:.8rem}.import-item details{margin:12px 0}.import-status{font-size:.75rem;padding:4px 10px;border-radius:999px;background:var(--color-surface-raised);white-space:nowrap}.status-done,.status-duplicate{color:var(--color-accent)}.status-failed,.status-review{color:#a36922}.import-origin{padding:18px 22px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);margin-bottom:24px;font-size:.875rem;line-height:1.8}.import-origin a{color:var(--color-link)}.import-origin details{margin-top:10px}.import-origin p{overflow-wrap:anywhere}@media(max-width:600px){.import-history{flex-direction:column}.import-history,.import-item .import-heading{align-items:flex-start}.import-page .account-card{padding:20px}.import-page .management-inline .button{white-space:normal}}.import-page .form-feedback{color:var(--color-text)}