:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--klein:#002fa7;--klein-bright:#124bd2;--deep-blue:#001c64;--blue-black:#071630;--paper:#fff;--mist:#f3f6ff;--mist-blue:#e7edff;--ink:#111827;--steel:#667085;--focus-yellow:#fc0;--danger-red:#c52f35;--success-green:#177a46;--color-page:var(--paper);--color-page-alt:var(--mist);--color-surface:var(--paper);--color-surface-raised:var(--paper);--color-surface-soft:var(--mist-blue);--color-text:var(--ink);--color-text-strong:var(--blue-black);--color-text-muted:var(--steel);--color-accent:var(--klein);--color-accent-bright:var(--klein-bright);--color-accent-deep:var(--deep-blue);--color-on-accent:var(--paper);--color-line:#ccd6f5;--color-line-strong:#9eb2ea;--color-input:var(--paper);--color-code:#071630;--color-code-text:#eef4ff;--color-danger:var(--danger-red);--color-danger-soft:#fff3f4;--color-success:var(--success-green);--color-success-soft:#edf9f2;--color-overlay:#010b23ad;--grid-line:#002fa70b;--font-display:"Arial Black", "Noto Sans SC", "Microsoft YaHei UI", sans-serif;--font-body:Inter, "Noto Sans SC", "Microsoft YaHei UI", "PingFang SC", sans-serif;--font-utility:"Arial Narrow", "Roboto Condensed", "Microsoft YaHei UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--page-width:1240px;--reading-width:780px;--gutter:clamp(1.1rem, 4vw, 3rem);--section-space:clamp(4.5rem, 9vw, 8rem);--header-height:4.75rem;--radius-control:2px;--radius-soft:4px;--shadow-hard:10px 10px 0 var(--color-accent-deep);--shadow-hard-small:5px 5px 0 var(--color-accent-deep);--shadow-float:0 24px 70px #001c6424;--ease-out:cubic-bezier(.2, .8, .2, 1);--transition-fast:.18s ease;--blue-900:var(--color-text-strong);--blue-800:var(--color-accent-deep);--blue-700:var(--color-accent);--blue-600:var(--color-accent-bright);--blue-100:var(--color-surface-soft);--blue-50:var(--color-page-alt);--page-bg:var(--color-page);--text:var(--color-text);--text-strong:var(--color-text-strong);--text-soft:#485b78;--text-subtle:#5f6f87;--nav-text:var(--color-text-strong);--label:#32435f;--line:var(--color-line);--line-strong:var(--color-line-strong);--line-medium:#9eb2eac7;--line-soft:#ccd6f5b8;--muted:var(--color-text-muted);--surface-solid:var(--color-surface);--surface-panel:var(--color-surface-raised);--surface-raised:var(--color-surface-raised);--surface-float:#fffffff0;--surface-section:var(--color-page-alt);--surface-muted:var(--color-page-alt);--surface-tint:var(--color-surface-soft);--input-bg:var(--color-input);--input-text:var(--color-text);--input-border:var(--color-line-strong);--on-accent:var(--color-on-accent);--danger:var(--color-danger);--danger-bg:var(--color-danger-soft);--danger-line:#c52f3540;--private:#945714;--focus-ring:0 0 0 3px #ffcc0061;--shadow:var(--shadow-float);--accent-shadow:var(--shadow-hard-small);--card-hover-shadow:var(--shadow-hard);--drawer-backdrop:var(--color-overlay)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-page:#050b1a;--color-page-alt:#08132b;--color-surface:#0b1733;--color-surface-raised:#101f42;--color-surface-soft:#132959;--color-text:#dce6ff;--color-text-strong:#fff;--color-text-muted:#9cadd0;--color-accent:#4d7cff;--color-accent-bright:#7ea0ff;--color-accent-deep:#8eabff;--color-on-accent:#050b1a;--color-line:#8eabff38;--color-line-strong:#8eabff70;--color-input:#071126;--color-code:#020611;--color-code-text:#e7efff;--color-danger:#ff9198;--color-danger-soft:#2d111a;--color-success:#71d99f;--color-success-soft:#0c2b20;--color-overlay:#00030cd1;--grid-line:#7ea0ff0f;--shadow-hard:10px 10px 0 #00030c;--shadow-hard-small:5px 5px 0 #00030c;--shadow-float:0 24px 70px #0000006b;--text-soft:#b7c4e2;--text-subtle:#94a5ca;--label:#c2cdec;--line-medium:#8eabff57;--line-soft:#8eabff29;--surface-float:#0b1733f0;--private:#ffd27a}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:calc(var(--header-height) + 1.5rem);background:var(--color-page)}body{min-width:320px;min-height:100vh;color:var(--color-text);background:var(--color-page);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65;overflow-x:hidden}body:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:32px 32px;position:fixed;inset:0}body.drawer-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}svg{flex:none}::selection{color:var(--color-on-accent);background:var(--color-accent)}:focus-visible{outline:3px solid var(--focus-yellow);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:1000;color:var(--paper);background:var(--deep-blue);transition:transform var(--transition-fast);padding:.7rem 1rem;font-weight:900;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-shell{min-height:100vh;color:var(--color-text);background:0 0}.public-main{min-height:calc(100vh - var(--header-height))}.page-shell{width:min(calc(100% - (var(--gutter) * 2)), var(--page-width));margin-inline:auto}.eyebrow,.section-kicker,.utility-label{color:var(--color-accent);font-family:var(--font-utility);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:900;line-height:1.35}.section-kicker{align-items:center;gap:.55rem;display:flex}.section-kicker:before{content:"";background:currentColor;width:2.5rem;height:3px}.button,.upload-button{border-radius:var(--radius-control);min-height:2.75rem;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:2px solid #0000;justify-content:center;align-items:center;gap:.65rem;padding:.72rem 1.05rem;font-size:.875rem;font-weight:900;line-height:1.2;display:inline-flex}.button:hover:not(:disabled),.upload-button:hover:not(.disabled){transform:translate(2px,2px)}.button.primary,.button--primary,.upload-button{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-hard-small)}.button.primary:hover:not(:disabled),.button--primary:hover:not(:disabled),.upload-button:hover:not(.disabled){box-shadow:2px 2px 0 var(--color-accent-deep)}.button.ghost,.button--ghost{color:var(--color-accent-deep);background:var(--color-surface);border-color:var(--color-line-strong)}.button.danger{color:var(--color-danger);background:var(--color-danger-soft);border-color:color-mix(in srgb, var(--color-danger) 38%, transparent)}input,textarea,select{border:1px solid var(--color-line-strong);border-radius:var(--radius-control);width:100%;color:var(--color-text);background:var(--color-input);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast)}input,select{min-height:2.8rem;padding:.68rem .8rem}textarea{resize:vertical;min-height:7rem;padding:.8rem}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 16%, transparent);outline:none}.form-error,.form-feedback,.subscription-feedback{border-left:4px solid;padding:.8rem 1rem;font-size:.9rem;font-weight:700}.form-error,.subscription-feedback.is-error{color:var(--color-danger);background:var(--color-danger-soft)}.form-feedback,.subscription-feedback.is-success{color:var(--color-success);background:var(--color-success-soft)}.loading-row,.admin-empty,.comments-empty{border:1px dashed var(--color-line-strong);color:var(--color-text-muted);background:var(--color-page-alt);text-align:center;padding:2rem}.is-reveal-pending{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(28px)}.is-reveal-pending.is-visible{opacity:1;transform:translateY(0)}@keyframes rise-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{to{transform:translate(-50%)}}@media (width<=640px){:root{--header-height:4.25rem}.button,.upload-button{min-height:2.65rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.is-reveal-pending{opacity:1;transform:none}}.public-main{padding-top:var(--header-height)}.site-header.topbar{z-index:50;min-height:var(--header-height);padding:.65rem max(var(--gutter), calc((100vw - var(--page-width)) / 2));border-bottom:1px solid var(--color-line);background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .3s var(--ease-out), background var(--transition-fast);grid-template-columns:1fr auto;align-items:center;display:grid;position:fixed;top:0;left:0;right:0}.site-brand{align-items:center;gap:.85rem;width:max-content;min-width:0;display:inline-flex}.site-brand__mark,.brand-logo{border:2px solid var(--color-accent);width:2.8rem;height:2.8rem;color:var(--paper);background:var(--klein);font-family:var(--font-display);letter-spacing:-.06em;object-fit:contain;flex:none;place-items:center;font-size:.84rem;font-weight:950;display:grid;transform:rotate(-3deg)}.brand-logo{background:var(--paper);padding:.2rem}.site-brand__copy{line-height:1.1;display:grid}.site-brand__copy strong{color:var(--color-text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:950;overflow:hidden}.site-brand__copy small{color:var(--color-accent);font-family:var(--font-utility);letter-spacing:.16em;margin-top:.3rem;font-size:.6rem;font-weight:900}.topbar-actions,.navigation-surface,.nav-links,.social-nav{align-items:center;display:flex}.topbar-actions{gap:.7rem}.navigation-surface{gap:clamp(1rem,2.5vw,2.5rem)}.nav-links{gap:clamp(.8rem,2.2vw,2.2rem)}.nav-links a{color:var(--color-text-strong);padding:.7rem 0;font-size:.84rem;font-weight:900;position:relative}.nav-links a:after{content:"";background:var(--color-accent);transform-origin:100%;height:3px;transition:transform .28s var(--ease-out);position:absolute;bottom:.35rem;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after,.nav-links a.router-link-active:after{transform-origin:0;transform:scaleX(1)}.social-nav{border-left:1px solid var(--color-line);gap:1rem;padding-left:1.2rem}.social-nav a{color:var(--color-accent);font-family:var(--font-utility);letter-spacing:.08em;font-size:.7rem;font-weight:900}.theme-toggle,.mobile-menu-toggle,.drawer-close,.icon-button,.tiny-icon-button{border:1px solid var(--color-line-strong);border-radius:var(--radius-control);color:var(--color-accent-deep);background:var(--color-surface);transition:color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.theme-toggle{gap:.45rem;min-height:2.6rem;padding:.55rem .8rem;font-size:.78rem;font-weight:900}.theme-toggle.is-compact,.mobile-menu-toggle,.drawer-close,.icon-button{width:2.65rem;height:2.65rem;padding:0}.theme-toggle:hover,.mobile-menu-toggle:hover,.drawer-close:hover,.icon-button:hover{color:var(--color-on-accent);background:var(--color-accent);transform:translateY(-1px)}.mobile-menu-toggle,.mobile-drawer-heading,.drawer-close,.drawer-backdrop{display:none}.brush-title{color:var(--paper);font-family:var(--font-display);letter-spacing:-.065em;margin:0;font-weight:950;line-height:.94}.brush-title__paint{isolation:isolate;max-width:100%;color:var(--paper);text-wrap:balance;padding:.1em .18em .16em .13em;display:inline-block;position:relative;transform:rotate(-1.15deg)}.brush-title__paint:before{z-index:-2;content:"";background:var(--klein);clip-path:polygon(.7% 9%,4% 3%,12% 7%,22% 2%,34% 6%,45% 1%,58% 5%,71% 2%,84% 7%,99% 3%,97.8% 17%,100% 28%,98.2% 41%,100% 54%,97.4% 68%,99.2% 82%,96% 94%,87% 91%,76% 97%,64% 92%,52% 98%,39% 93%,28% 97%,17% 92%,7% 96%,1.2% 88%,2.4% 72%,.4% 59%,2.1% 44%,.2% 28%);box-shadow:.18em .2em 0 var(--color-accent-deep);transform-origin:0;animation:brush-in .9s var(--ease-out) both;position:absolute;inset:.03em -.08em -.01em -.07em}.brush-title__paint:after{z-index:-1;content:"";opacity:.24;background:linear-gradient(90deg, transparent 0 8%, var(--paper) 8.4% 9%, transparent 9.5% 34%, var(--paper) 34.5% 35.2%, transparent 36%), repeating-linear-gradient(178deg, transparent 0 .11em, #ffffffa6 .13em .15em, transparent .17em .34em);mix-blend-mode:screen;clip-path:polygon(0 16%,100% 1%,98% 91%,2% 100%);position:absolute;inset:8% -2% 4%}.brush-title--white .brush-title__paint{color:var(--klein)}.brush-title--white .brush-title__paint:before{background:var(--paper);box-shadow:.18em .2em #00061c40}.brush-title--hero{font-size:clamp(3.9rem,9.5vw,8.5rem)}.brush-title--section{font-size:clamp(3rem,7vw,6rem)}.brush-title--small{font-size:clamp(2.2rem,5vw,4rem)}@keyframes brush-in{0%{clip-path:inset(0 100% 0 0);transform:scaleX(.82)skew(-7deg)}to{clip-path:inset(-12% -12% -18%);transform:scaleX(1)skew(0)}}.home-hero{min-height:calc(100svh - var(--header-height));background:linear-gradient(90deg, transparent 0 72%, color-mix(in srgb, var(--color-accent) 5%, transparent) 72% 72.12%, transparent 72.12%), var(--color-page);position:relative;overflow:hidden}.home-hero__backdrop{color:color-mix(in srgb, var(--color-accent) 5%, transparent);font-family:var(--font-display);letter-spacing:-.1em;pointer-events:none;writing-mode:vertical-rl;font-size:clamp(6rem,17vw,17rem);font-weight:950;line-height:.75;position:absolute;top:6%;right:-.08em}.home-hero__grid{z-index:1;min-height:calc(100svh - var(--header-height) - 2.4rem);grid-template-columns:minmax(0,1.12fr) minmax(20rem,.78fr);align-items:center;gap:clamp(3rem,8vw,7rem);padding-block:clamp(4rem,9vh,7rem) 5rem;display:grid;position:relative}.hero-copy{min-width:0}.hero-eyebrow{animation:rise-in .65s 50ms var(--ease-out) both;align-items:center;gap:.6rem;margin-bottom:1.5rem;display:flex}.hero-text{max-width:44rem;color:var(--text-soft);animation:rise-in .65s .35s var(--ease-out) both;margin:2rem 0 0;font-size:clamp(1.08rem,1.7vw,1.35rem);line-height:1.85}.hero-notice{border-left:4px solid var(--color-accent);width:fit-content;max-width:44rem;color:var(--color-accent-deep);background:var(--color-page-alt);margin:1.2rem 0 0;padding:.75rem .9rem;font-weight:800}.hero-actions{animation:rise-in .65s .45s var(--ease-out) both;flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.owner-card{border-top:1px solid var(--color-line);max-width:34rem;animation:rise-in .65s .55s var(--ease-out) both;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.85rem;margin-top:2.4rem;padding-top:1.2rem;display:grid}.owner-card img,.owner-card__mark{border:3px solid var(--paper);width:3.2rem;height:3.2rem;color:var(--paper);background:var(--klein);box-shadow:4px 4px 0 var(--color-accent-deep);font-family:var(--font-display);object-fit:cover;place-items:center;display:grid}.owner-card div{min-width:0;display:grid}.owner-card strong{color:var(--color-text-strong);font-weight:950}.owner-card span:not(.owner-card__mark){color:var(--color-text-muted);font-size:.82rem}.portfolio-board{isolation:isolate;border:1px solid var(--color-line-strong);background:var(--color-surface);min-width:0;min-height:32rem;box-shadow:var(--shadow-hard);flex-direction:column;padding:1.2rem;display:flex;position:relative}.portfolio-board:before{z-index:-1;content:"";background:var(--color-accent);clip-path:polygon(0 0,100% 2%,98% 100%,2% 97%);position:absolute;inset:1rem -1rem -1rem 1rem}.panel-heading{z-index:1;border:1px solid var(--color-line-strong);border-bottom:3px solid var(--color-accent);color:var(--color-accent-deep);background:var(--color-surface);font-family:var(--font-utility);letter-spacing:.11em;justify-content:space-between;align-items:center;gap:1rem;margin:-2.55rem -1.65rem 0;padding:.7rem .85rem;font-size:.72rem;font-weight:900;display:flex;position:relative}.panel-heading span{align-items:center;gap:.55rem;display:flex}.panel-heading a{white-space:nowrap;border-bottom:1px solid;padding-bottom:.15rem}.portfolio-spotlight{border:1px solid var(--color-line-strong);background:var(--color-surface);grid-template-rows:10.5rem auto;height:auto;min-height:0;margin-top:1rem;display:grid;overflow:hidden}.portfolio-spotlight__cover{min-height:11rem;color:var(--paper);background:linear-gradient(180deg, #00124c14, #00124cc7), var(--portfolio-cover,linear-gradient(135deg, var(--klein-bright), var(--deep-blue))) center / cover;justify-content:space-between;align-items:flex-end;padding:1rem;display:flex;position:relative;overflow:hidden}.portfolio-spotlight__cover:after{content:"";opacity:.18;pointer-events:none;background-image:linear-gradient(#ffffff59 1px,#0000 1px),linear-gradient(90deg,#ffffff59 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.portfolio-spotlight__number,.portfolio-spotlight__label{z-index:1;position:relative}.portfolio-spotlight__number{font-family:var(--font-display);letter-spacing:-.08em;font-size:clamp(2.8rem,6vw,4.6rem);line-height:.8}.portfolio-spotlight__label{color:var(--deep-blue);background:var(--paper);font-family:var(--font-utility);letter-spacing:.12em;padding:.35rem .5rem;font-size:.62rem;font-weight:900}.portfolio-spotlight__body{align-content:start;padding:1.25rem;display:grid}.portfolio-spotlight__title{color:var(--color-text-strong);font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(1.45rem,2.4vw,1.8rem);line-height:1.2}.portfolio-spotlight__body>p{color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.7rem 0 0;font-size:.82rem;line-height:1.65;display:-webkit-box;overflow:hidden}.portfolio-spotlight__link{color:var(--color-accent);border-bottom:2px solid;justify-self:start;align-items:center;gap:.55rem;margin-top:1rem;padding-bottom:.2rem;font-size:.78rem;font-weight:900;display:inline-flex}.portfolio-spotlight__link svg{transition:transform var(--transition-fast)}.portfolio-spotlight__link:hover svg{transform:translate(3px)}.portfolio-index{overscroll-behavior-inline:contain;scrollbar-color:var(--color-accent) transparent;grid-auto-columns:minmax(8.5rem,1fr);grid-auto-flow:column;gap:.5rem;margin-top:.8rem;padding:.2rem .15rem .45rem;display:grid;overflow-x:auto}.portfolio-index__tab{border:1px solid var(--color-line);min-height:3.2rem;color:var(--color-text-muted);background:var(--color-page-alt);text-align:left;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);border-radius:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;padding:.65rem .7rem;display:grid}.portfolio-index__tab>span{color:var(--color-accent);font-family:var(--font-display);font-size:.78rem}.portfolio-index__tab strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.72rem;overflow:hidden}.portfolio-index__tab:hover{border-color:var(--color-accent);transform:translateY(-2px)}.portfolio-index__tab.active{border-color:var(--color-accent);color:var(--color-on-accent);background:var(--color-accent)}.portfolio-index__tab.active>span{color:var(--color-on-accent)}.portfolio-swap-enter-active,.portfolio-swap-leave-active{transition:opacity .2s var(--ease-out), transform .2s var(--ease-out)}.portfolio-swap-enter-from{opacity:0;transform:translateY(8px)}.portfolio-swap-leave-to{opacity:0;transform:translateY(-6px)}.portfolio-placeholder{border:1px dashed var(--color-line-strong);min-height:20rem;color:var(--color-text-muted);background:var(--color-page-alt);text-align:center;flex:1;place-items:center;margin-top:1rem;padding:2rem 1rem;display:grid}.hero-marquee{border-block:1px solid var(--color-accent);color:var(--color-accent);background:var(--color-surface);font-family:var(--font-utility);letter-spacing:.16em;white-space:nowrap;font-size:.72rem;font-weight:900;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hero-marquee div{width:max-content;padding-block:.7rem;animation:24s linear infinite marquee}.section-block{padding-block:var(--section-space)}.section-block--blue{color:var(--paper);background:var(--klein);position:relative}.section-block--blue:before{content:"";opacity:.15;pointer-events:none;background-image:radial-gradient(var(--paper) .8px, transparent .8px), linear-gradient(125deg, transparent 55%, #ffffff1f 55.2% 56%, transparent 56.2%);background-size:8px 8px,100% 100%;position:absolute;inset:0}.section-heading{grid-template-columns:minmax(0,1fr) minmax(16rem,.65fr) auto;align-items:end;gap:clamp(1.5rem,5vw,5rem);margin-bottom:clamp(3rem,6vw,5rem);display:grid}.section-heading h2{color:var(--color-text-strong);font-family:var(--font-display);letter-spacing:-.06em;margin:.8rem 0 0;font-size:clamp(2.5rem,5.5vw,4.8rem);line-height:1}.section-heading>p{color:var(--color-text-muted);margin:0;font-size:1.05rem;line-height:1.75}.section-heading>a{color:var(--color-accent);border-bottom:2px solid;align-self:end;padding-bottom:.25rem;font-size:.82rem;font-weight:900}.section-heading.compact{grid-template-columns:1fr auto;gap:1.5rem;margin-bottom:2rem}.section-heading.compact h2{font-size:clamp(2rem,4vw,3.4rem)}.section-heading.inverse h2,.section-heading.inverse .section-kicker,.section-heading.inverse>a{color:var(--paper)}.split-section__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,7vw,7rem);display:grid;position:relative}.rank-list{display:grid}.rank-list a{border-top:1px solid #ffffff57;grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.05rem 0;display:grid}.rank-list a:last-child{border-bottom:1px solid #ffffff57}.rank-list span{font-family:var(--font-display);font-size:1.35rem}.rank-list strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.95rem;overflow:hidden}.rank-list em{color:#ffffffb3;font-size:.75rem;font-style:normal}.latest-list{gap:.9rem;display:grid}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.6rem);display:grid}.article-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.article-card{border:1px solid var(--color-line-strong);background:var(--color-surface);min-width:0;box-shadow:6px 6px 0 color-mix(in srgb, var(--color-accent-deep) 24%, transparent);transition:box-shadow .25s var(--ease-out), transform .25s var(--ease-out), border-color var(--transition-fast);display:grid;position:relative;overflow:visible}.article-card:hover,.article-card:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-hard);transform:translate(-2px,-2px)}.article-card__index{z-index:3;min-width:2.5rem;height:2.5rem;color:var(--paper);background:var(--deep-blue);font-family:var(--font-display);place-items:center;padding-inline:.35rem;font-size:.75rem;display:grid;position:absolute;top:-.8rem;left:-.65rem;transform:rotate(-4deg)}.article-cover{aspect-ratio:16/9;border-bottom:1px solid var(--color-line);background:var(--color-surface-soft);display:block;overflow:hidden}.article-cover img{object-fit:cover;filter:saturate(.82)contrast(1.05);width:100%;height:100%;transition:filter .4s var(--ease-out), transform .5s var(--ease-out)}.article-card:hover .article-cover img{filter:saturate()contrast(1.03);transform:scale(1.035)}.article-card-body{flex-direction:column;min-width:0;padding:1.35rem;display:flex}.article-meta{color:var(--color-accent);font-family:var(--font-utility);letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;font-size:.68rem;font-weight:900;display:flex}.meta-icon{color:var(--color-text-muted);align-items:center;gap:.3rem;display:inline-flex}.meta-icon.private{color:var(--private)}.article-card h3{color:var(--color-text-strong);font-family:var(--font-display);letter-spacing:-.035em;margin:1rem 0 0;font-size:clamp(1.25rem,2.3vw,1.75rem);line-height:1.25}.article-card h3 a{display:inline}.article-card h3 svg{vertical-align:-.12em;transition:transform var(--transition-fast);margin-left:.45rem;display:inline}.article-card:hover h3 svg{transform:translate(3px,-3px)}.article-card p{color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.8rem 0 0;font-size:.9rem;line-height:1.7;display:-webkit-box;overflow:hidden}.article-card--compact{box-shadow:none;grid-template-columns:8.5rem minmax(0,1fr)}.article-card--compact .article-cover{aspect-ratio:auto;border-right:1px solid var(--color-line);border-bottom:0;height:100%}.article-card--compact .article-card-body{padding:1rem}.article-card--compact h3{font-family:var(--font-body);letter-spacing:0;margin-top:.55rem;font-size:1rem}.article-card--compact p{-webkit-line-clamp:1;margin-top:.4rem;font-size:.78rem}.article-card--project{min-height:21rem;box-shadow:none;grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr)}.article-card--project .article-cover{aspect-ratio:auto;border-right:1px solid var(--color-line);border-bottom:0;height:100%}.article-card--project .article-card-body{justify-content:center;padding:clamp(2rem,5vw,4.5rem)}.article-card--project h3{font-size:clamp(1.8rem,4vw,3.3rem)}.article-card--project p{-webkit-line-clamp:4;max-width:42rem;font-size:1rem}.page-hero{border-bottom:1px solid var(--color-line);background:linear-gradient(110deg, transparent 0 64%, color-mix(in srgb, var(--color-accent) 7%, transparent) 64% 64.2%, transparent 64.2%), var(--color-page);position:relative;overflow:hidden}.page-hero__grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3rem;min-height:clamp(26rem,54vh,38rem);padding-block:clamp(4rem,9vw,7rem);display:grid}.page-hero__copy{max-width:53rem}.page-hero .brush-title{margin-top:1.6rem}.page-hero__description{max-width:43rem;color:var(--text-soft);margin:2rem 0 0;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.85}.page-hero__actions{margin-top:2rem}.page-hero__index{color:color-mix(in srgb, var(--color-accent) 12%, transparent);font-family:var(--font-display);letter-spacing:-.1em;pointer-events:none;font-size:clamp(9rem,22vw,19rem);font-weight:950;line-height:.7}.public-load-error{margin:0 0 2rem}.article-filter-bar{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:3rem;padding-bottom:1rem;display:flex}.category-tabs{scrollbar-width:thin;gap:.55rem;min-width:0;padding:.25rem .2rem .5rem;display:flex;overflow-x:auto}.category-tabs button,.cms-tabs button{border:1px solid var(--color-line-strong);border-radius:var(--radius-control);color:var(--color-text-muted);background:var(--color-surface);flex:none;padding:.62rem .9rem;font-size:.8rem;font-weight:900}.category-tabs button:hover,.category-tabs button.active,.cms-tabs button:hover,.cms-tabs button.active{border-color:var(--color-accent);color:var(--color-on-accent);background:var(--color-accent)}.list-summary{color:var(--color-text-muted);font-family:var(--font-utility);letter-spacing:.06em;flex:none;font-size:.78rem}.list-summary strong{color:var(--color-accent);font-family:var(--font-display);font-size:1.2rem}.ranked-article-list,.project-article-list{gap:1.5rem;display:grid}.ranked-article-row{grid-template-columns:5.5rem minmax(0,1fr);align-items:stretch;gap:1.5rem;display:grid}.ranked-article-row__rank{border:1px solid var(--color-accent);color:var(--paper);background:var(--klein);font-family:var(--font-display);place-items:center;font-size:1.35rem;display:grid}.ranked-article-row .article-card--compact{grid-template-columns:12rem minmax(0,1fr)}.site-footer{color:var(--paper);background:var(--deep-blue)}.site-footer__grid{grid-template-columns:minmax(0,1fr) auto;gap:3rem;padding-block:clamp(3.5rem,7vw,6rem) 2rem;display:grid}.site-footer .eyebrow{color:#ffffffb3}.site-footer strong{max-width:38rem;font-family:var(--font-display);letter-spacing:-.05em;margin-top:.9rem;font-size:clamp(1.7rem,4vw,3.2rem);line-height:1.2;display:block}.site-footer__links{flex-wrap:wrap;align-content:start;gap:1.5rem;padding-top:.3rem;font-size:.82rem;font-weight:900;display:flex}.site-footer__links a{border-bottom:1px solid #ffffff80;padding-bottom:.2rem}.site-footer__meta{color:#ffffffb3;font-family:var(--font-utility);letter-spacing:.08em;border-top:1px solid #ffffff40;grid-column:1/-1;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.2rem;font-size:.7rem;font-weight:900;display:flex}@media (width<=1080px){.article-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{grid-template-columns:minmax(0,1fr) minmax(14rem,.7fr)}.section-heading>a{grid-column:1/-1;width:fit-content}}@media (width<=900px){.site-header.topbar{padding-inline:var(--gutter)}.site-header.is-mobile-article-hidden{transform:translateY(-110%)}.mobile-menu-toggle,.drawer-close,.mobile-drawer-heading,.drawer-backdrop{display:flex}.navigation-surface{z-index:62;width:min(88vw,24rem);height:100dvh;min-height:0;max-height:100dvh;padding:max(1.2rem, env(safe-area-inset-top)) max(1.2rem, env(safe-area-inset-right)) max(1.2rem, env(safe-area-inset-bottom)) 1.2rem;overscroll-behavior:contain;scrollbar-gutter:stable;border-left:1px solid var(--color-line-strong);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-float);transition:transform .32s var(--ease-out);flex-direction:column;align-items:stretch;display:flex;position:fixed;top:0;right:0;overflow:hidden auto;transform:translate(105%)}.navigation-surface.open{transform:translate(0,0)}.navigation-surface>.mobile-drawer-heading,.navigation-surface>.nav-links,.navigation-surface>.mobile-article-toc,.navigation-surface>.social-nav{flex:none}.mobile-drawer-heading{border-bottom:3px solid var(--color-accent);justify-content:space-between;gap:1rem;padding-bottom:1.2rem}.mobile-drawer-heading>div{display:grid}.mobile-drawer-heading span{color:var(--color-accent);font-family:var(--font-utility);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:900}.mobile-drawer-heading strong{color:var(--color-text-strong);margin-top:.25rem;font-size:1.2rem}.nav-links{margin-top:1rem;display:grid}.nav-links a{border-bottom:1px solid var(--color-line);padding:1rem .25rem;font-size:1rem}.nav-links a:after{width:4rem;bottom:-1px;right:auto}.social-nav{border-top:1px solid var(--color-line);border-left:0;flex-wrap:wrap;margin-top:auto;padding:1.3rem 0 0}.mobile-article-toc{border:1px solid var(--color-line);background:var(--color-page-alt);flex-direction:column;max-height:min(63dvh,36rem);margin-top:1.5rem;padding:1rem;display:flex;overflow:hidden}.mobile-article-toc-heading{color:var(--color-text-strong);justify-content:space-between;gap:1rem;display:flex}.mobile-article-toc-heading span{color:var(--color-text-muted);font-size:.75rem}.mobile-article-toc nav{overscroll-behavior-y:auto;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;min-height:0;margin-top:.75rem;padding-right:.35rem;display:grid;overflow-y:auto}.mobile-article-toc .toc-link{border-top:1px solid var(--color-line);color:var(--color-text-muted);padding:.6rem 0;font-size:.82rem}.mobile-article-toc .toc-link.level-3{padding-left:1rem}.mobile-article-toc .toc-link.active{color:var(--color-accent);font-weight:900}.drawer-backdrop{z-index:60;background:var(--color-overlay);touch-action:none;border:0;width:100vw;height:100dvh;padding:0;position:fixed;inset:0}.home-hero__grid{grid-template-columns:1fr;min-height:auto;padding-block:5rem 7rem}.portfolio-board{justify-self:center;width:min(100%,38rem)}.split-section__grid{grid-template-columns:1fr}.article-card--project{grid-template-columns:minmax(15rem,.75fr) minmax(0,1fr)}}@media (width<=720px){.site-brand__copy small{display:none}.article-grid,.article-grid.three{grid-template-columns:1fr}.section-heading,.section-heading.compact{grid-template-columns:1fr;gap:1rem}.section-heading>p{font-size:.95rem}.page-hero__grid{grid-template-columns:1fr;min-height:28rem}.page-hero__index{right:var(--gutter);font-size:9rem;position:absolute;bottom:1rem}.article-filter-bar{flex-direction:column;align-items:flex-start}.category-tabs{width:100%}.ranked-article-row{grid-template-columns:3.4rem minmax(0,1fr);gap:.75rem}.ranked-article-row .article-card--compact,.article-card--compact{grid-template-columns:6rem minmax(0,1fr)}.article-card--project{grid-template-columns:1fr}.article-card--project .article-cover{aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--color-line)}.article-card--project .article-card-body{padding:1.5rem}.site-footer__grid{grid-template-columns:1fr}.site-footer__meta{flex-direction:column;align-items:flex-start}}@media (width<=480px){.site-brand__copy strong{max-width:9rem}.home-hero__grid{padding-top:3.5rem}.brush-title--hero{font-size:clamp(3.2rem,18vw,5.2rem)}.portfolio-board{min-height:0;box-shadow:7px 7px 0 var(--color-accent-deep);padding:.8rem}.panel-heading{border:0;border-bottom:3px solid var(--color-accent);margin:0;padding:0 0 .9rem}.portfolio-board:before{inset:.65rem -.55rem -.55rem .65rem}.portfolio-spotlight{grid-template-rows:9.5rem auto;height:auto;min-height:0}.portfolio-spotlight__cover{min-height:9.5rem}.portfolio-spotlight__body{padding:1rem}.portfolio-index{grid-auto-columns:minmax(7.5rem,1fr)}.portfolio-index__tab{min-height:2.9rem;padding:.55rem}.article-card--compact,.ranked-article-row .article-card--compact{grid-template-columns:1fr}.article-card--compact .article-cover{aspect-ratio:16/7;border-right:0;border-bottom:1px solid var(--color-line)}.ranked-article-row__rank{writing-mode:vertical-rl}}@media (prefers-reduced-motion:reduce){.brush-title__paint:before,.hero-marquee div{animation:none}.portfolio-swap-enter-active,.portfolio-swap-leave-active{transition:none}}.article-subscription-band{width:min(calc(100% - (var(--gutter) * 2)), var(--page-width));color:var(--paper);background:var(--klein);box-shadow:var(--shadow-hard);grid-template-columns:minmax(0,1fr) minmax(20rem,.78fr);align-items:center;gap:2rem 4rem;margin:clamp(3rem,6vw,5rem) auto 0;padding:clamp(1.5rem,4vw,2.5rem);display:grid;position:relative;overflow:hidden}.article-subscription-band:after{content:"";pointer-events:none;border:1.4rem solid #ffffff14;border-radius:50%;width:14rem;height:14rem;position:absolute;bottom:-4rem;right:-2rem}.article-subscription-copy{z-index:1;align-items:flex-start;gap:1rem;display:flex;position:relative}.article-subscription-copy>svg{margin-top:.3rem}.article-subscription-copy h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,3vw,2.4rem)}.article-subscription-copy p{color:#ffffffc2;max-width:38rem;margin:.55rem 0 0;font-size:.9rem}.article-subscription-form{z-index:1;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;display:grid;position:relative}.article-subscription-form input{color:var(--ink);background:var(--paper);border-color:#ffffff8c}.article-subscription-form .button.primary{color:var(--deep-blue);background:var(--paper);border-color:var(--paper);box-shadow:5px 5px 0 var(--deep-blue)}.subscription-feedback{z-index:1;color:var(--paper);background:#0000002e;grid-column:1/-1;margin:0;position:relative}.empty-state{border:1px dashed var(--color-line-strong);color:var(--color-text-muted);background:linear-gradient(135deg, transparent 0 48%, var(--grid-line) 48% 52%, transparent 52%) 0 0 / 24px 24px, var(--color-page-alt);text-align:center;padding:clamp(2.5rem,6vw,5rem)}.empty-state h2{color:var(--color-text-strong);font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,3vw,2.3rem)}.empty-state p{max-width:34rem;margin:.8rem auto 0}.article-reading-page{min-height:70vh;padding-block:clamp(3rem,7vw,6rem);position:relative}.reading-progress{z-index:49;top:var(--header-height);background:color-mix(in srgb, var(--color-line) 70%, transparent);pointer-events:none;height:3px;position:fixed;left:0;right:0}.reading-progress span{background:var(--color-accent);height:100%;transition:width .1s linear;display:block}.article-detail-layout{width:min(calc(100% - (var(--gutter) * 2)), 1180px);grid-template-columns:minmax(0,1fr) 17rem;align-items:start;gap:clamp(2.5rem,6vw,5.5rem);margin-inline:auto;display:grid}.article-main-column{min-width:0;position:relative}.article-detail{border:1px solid var(--color-line);background:var(--color-surface);min-width:0;box-shadow:10px 10px 0 color-mix(in srgb, var(--color-accent-deep) 18%, transparent);padding:clamp(1.5rem,5vw,4.5rem)}.article-detail>header{border-bottom:4px solid var(--color-accent);padding-bottom:clamp(2rem,5vw,4rem)}.article-detail>header h1{max-width:58rem;color:var(--color-text-strong);font-family:var(--font-display);letter-spacing:-.065em;text-wrap:balance;margin:1.3rem 0 0;font-size:clamp(2.4rem,6vw,5.4rem);line-height:1.08}.article-detail>header>p{max-width:46rem;color:var(--text-soft);margin:1.4rem 0 0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.85}.detail-cover{border-block:1px solid var(--color-line);object-fit:cover;filter:saturate(.86)contrast(1.04);width:calc(100% + clamp(3rem,10vw,9rem));max-width:none;max-height:34rem;margin:clamp(2rem,5vw,4rem) calc(-1*clamp(1.5rem,5vw,4.5rem)) 0}.article-action-rail{z-index:6;gap:.65rem;display:grid;position:absolute;top:2rem;left:-4.4rem}.article-action-button{border:1px solid var(--color-line-strong);border-radius:var(--radius-control);min-width:3.1rem;min-height:3.1rem;color:var(--color-text-muted);background:var(--color-surface);transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;gap:.45rem;padding:.65rem;font-size:.78rem;font-weight:900;display:inline-flex}.article-action-button:hover,.article-action-button.is-liked{border-color:var(--color-accent);color:var(--color-on-accent);background:var(--color-accent);box-shadow:var(--shadow-hard-small);transform:translate(-1px,-1px)}.article-action-error{max-width:8rem;color:var(--color-danger);margin:0;font-size:.7rem}.article-toc{top:calc(var(--header-height) + 2rem);max-height:calc(100vh - var(--header-height) - 4rem);border-left:3px solid var(--color-line);padding-left:1.2rem;position:sticky;overflow-y:auto}.article-toc-disclosure>summary{border-bottom:1px solid var(--color-line);color:var(--color-text-strong);cursor:pointer;justify-content:space-between;gap:1rem;padding-bottom:.8rem;font-weight:950;list-style:none;display:flex}.article-toc-disclosure>summary::-webkit-details-marker{display:none}.article-toc-disclosure>summary small{color:var(--color-text-muted);font-weight:700}.article-toc nav{margin-top:.65rem;display:grid}.toc-link{color:var(--color-text-muted);transition:color var(--transition-fast), padding var(--transition-fast), background var(--transition-fast);padding:.55rem .4rem;font-size:.78rem;line-height:1.45;position:relative}.toc-link:before{content:"";background:var(--color-accent);width:3px;height:0;transition:height var(--transition-fast);position:absolute;top:50%;left:-1.35rem;transform:translateY(-50%)}.toc-link.level-3{padding-left:1.2rem;font-size:.74rem}.toc-link:hover,.toc-link.active{color:var(--color-accent);background:var(--color-page-alt);padding-left:.7rem;font-weight:900}.toc-link.level-3:hover,.toc-link.level-3.active{padding-left:1.5rem}.toc-link.active:before{height:70%}.article-end-actions{border:1px solid var(--color-line-strong);color:var(--color-text);background:var(--color-page-alt);margin-top:clamp(3rem,7vw,5rem);padding:1.5rem}.article-end-actions>p{color:var(--color-text-strong);margin:0 0 1rem;font-weight:900}.article-end-actions>div{flex-wrap:wrap;gap:.75rem;display:flex}.article-access-card,.subscription-action-page,.admin-login{width:min(calc(100% - (var(--gutter) * 2)), 42rem);border:1px solid var(--color-line-strong);background:var(--color-surface);box-shadow:var(--shadow-hard);margin:clamp(4rem,10vw,8rem) auto;padding:clamp(2rem,6vw,4rem)}.article-access-card h1,.subscription-action-page h1{color:var(--color-text-strong);font-family:var(--font-display);letter-spacing:-.055em;margin:1rem 0 0;font-size:clamp(2rem,5vw,3.6rem);line-height:1.1}.article-access-card>p,.subscription-action-page>p{color:var(--color-text-muted)}.access-icon,.subscription-action-page>svg{width:3.5rem;height:3.5rem;color:var(--paper);background:var(--klein);box-shadow:var(--shadow-hard-small);place-items:center;display:grid}.access-form{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;margin-top:1.5rem;display:grid}.subscription-action-page{text-align:left}.subscription-action-page .button{margin-top:1.2rem}.markdown-body{max-width:var(--reading-width);color:var(--color-text);overflow-wrap:anywhere;margin:clamp(2.5rem,6vw,4.5rem) auto 0;font-size:clamp(1rem,1.2vw,1.08rem);line-height:1.9}.markdown-body>:first-child{margin-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--color-text-strong);font-family:var(--font-display);letter-spacing:-.035em;scroll-margin-top:calc(var(--header-height) + 2rem);text-wrap:balance;line-height:1.3}.markdown-body h1{margin:3.5rem 0 1.2rem;font-size:clamp(2rem,4vw,3rem)}.markdown-body h2{border-bottom:1px solid var(--color-line);margin:4rem 0 1.2rem;padding:.2rem 0 .65rem 1rem;font-size:clamp(1.7rem,3vw,2.4rem);position:relative}.markdown-body h2:before{content:"";background:var(--color-accent);width:4px;position:absolute;top:0;bottom:.65rem;left:0}.markdown-body h3{margin:2.8rem 0 1rem;font-size:clamp(1.35rem,2.4vw,1.8rem)}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote{margin-block:1.2rem}.markdown-body a{color:var(--color-accent);text-underline-offset:.2em;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}.markdown-body strong{color:var(--color-text-strong)}.markdown-body ul,.markdown-body ol{padding-left:1.6rem}.markdown-body li+li{margin-top:.4rem}.markdown-body blockquote{border-left:5px solid var(--color-accent);color:var(--text-soft);background:var(--color-page-alt);margin-inline:0;padding:1.2rem 1.4rem 1.2rem 1.7rem;position:relative}.markdown-body blockquote:after{color:color-mix(in srgb, var(--color-accent) 12%, transparent);content:"”";font-family:Georgia,serif;font-size:5rem;line-height:1;position:absolute;top:-.25rem;right:.8rem}.markdown-body img,.markdown-video{border:1px solid var(--color-line-strong);background:var(--color-page-alt);width:100%;box-shadow:var(--shadow-hard-small);margin-block:2rem}.detail-cover--previewable,.markdown-previewable-image{cursor:zoom-in;transition:filter var(--transition-fast), transform var(--transition-fast)}@media (hover:hover){.detail-cover--previewable:hover,.markdown-previewable-image:hover{filter:saturate()contrast(1.02);transform:translateY(-2px)}}.image-lightbox{z-index:1000;min-width:320px;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));color:var(--paper);background:color-mix(in srgb, var(--blue-black) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:image-lightbox-enter .18s var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.image-lightbox__dialog{grid-template-rows:auto minmax(0,1fr);width:min(100%,96rem);height:min(100%,60rem);min-height:0;display:grid;position:relative}.image-lightbox__toolbar{z-index:4;justify-content:space-between;align-items:center;gap:.65rem;min-height:3.5rem;padding:0 0 .75rem;display:flex}.image-lightbox__counter{font-family:var(--font-utility);letter-spacing:.14em;flex:none;font-size:.78rem;font-weight:900}.image-lightbox__zoom-actions{align-items:center;gap:.4rem;margin-left:auto;display:flex}.image-lightbox__zoom-reset{width:auto;min-width:4.3rem;font-family:var(--font-utility);align-items:center;gap:.35rem;padding-inline:.65rem;font-size:.72rem;font-weight:900;display:inline-flex}.image-lightbox__control{width:3.25rem;height:3.25rem;color:var(--paper);transition:color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);background:#071630b8;border:1px solid #ffffff8f;flex:none;place-items:center;padding:0;display:grid;box-shadow:4px 4px #0000006b}.image-lightbox__control:hover:not(:disabled){color:var(--deep-blue);background:var(--focus-yellow);transform:translate(2px,2px)}.image-lightbox__control:disabled{cursor:not-allowed;opacity:.45}.image-lightbox__close{margin-left:.35rem}.image-lightbox__previous,.image-lightbox__next{z-index:4;position:absolute;top:52%;transform:translateY(-50%)}.image-lightbox__previous:hover:not(:disabled),.image-lightbox__next:hover:not(:disabled){transform:translate(2px,calc(2px - 50%))}.image-lightbox__previous{left:0}.image-lightbox__next{right:0}.image-lightbox__viewport{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.image-lightbox__viewport.is-zoomed{cursor:grab}.image-lightbox__viewport.is-dragging{cursor:grabbing}.image-lightbox__figure{pointer-events:none;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:.85rem;width:100%;min-width:0;height:100%;min-height:0;margin:0;padding-inline:clamp(0rem,6vw,5rem);display:grid}.image-lightbox__figure img{object-fit:contain;pointer-events:auto;transform-origin:50%;will-change:transform;border:1px solid #ffffff59;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:12px 12px #00000080}.image-lightbox__figure figcaption{color:#ffffffc7;pointer-events:auto;text-align:center;max-width:min(42rem,100%);font-size:.82rem;line-height:1.5}@keyframes image-lightbox-enter{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.detail-cover--previewable,.markdown-previewable-image,.image-lightbox,.image-lightbox__control{transition:none;animation:none}}.markdown-body :not(pre)>code{border:1px solid var(--color-line);color:var(--color-accent-deep);background:var(--color-surface-soft);font-family:var(--font-mono);padding:.12rem .35rem;font-size:.88em}.markdown-code-block{border:1px solid var(--color-line-strong);background:var(--color-code);box-shadow:6px 6px 0 color-mix(in srgb, var(--color-accent-deep) 22%, transparent);margin-block:2rem;overflow:hidden}.markdown-code-toolbar{color:#c7d5f5;min-height:2.8rem;font-family:var(--font-utility);letter-spacing:.08em;text-transform:uppercase;background:#0e2454;border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .7rem .5rem 1rem;font-size:.7rem;font-weight:900;display:flex}.markdown-code-actions{gap:.4rem;display:flex}.markdown-code-copy,.markdown-code-toggle{border-radius:var(--radius-control);color:#dbe6ff;background:#ffffff14;border:1px solid #fff3;padding:.38rem .55rem;font-size:.68rem;font-weight:800}.markdown-code-copy:hover,.markdown-code-toggle:hover{color:var(--blue-black);background:var(--paper)}.markdown-code-copy.is-success{color:#06160d;background:#8ce5af}.markdown-code-copy.is-error{color:#29090b;background:#ff9aa1}.markdown-code-content pre{margin:0;padding:1.25rem;overflow-x:auto}.markdown-code-content code{color:var(--color-code-text);font-family:var(--font-mono);background:0 0;font-size:.84rem;line-height:1.75}.markdown-code-block.is-collapsed .markdown-code-toolbar{border-bottom:0}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#c4b5fd}.hljs-string,.hljs-regexp,.hljs-addition{color:#86efac}.hljs-title,.hljs-section,.hljs-function .hljs-title{color:#7dd3fc}.hljs-comment,.hljs-quote{color:#91a2bd}.hljs-number,.hljs-symbol,.hljs-bullet{color:#fdba74}.markdown-table-scroll{border:1px solid var(--color-line-strong);max-width:100%;margin-block:2rem;overflow-x:auto}.markdown-body table{border-collapse:collapse;width:100%;min-width:38rem;font-size:.88rem}.markdown-body th,.markdown-body td{border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top;min-width:8rem;padding:0}.markdown-table-cell{white-space:normal;min-width:8rem;padding:.8rem .9rem}.markdown-body th{color:var(--color-on-accent);background:var(--color-accent);font-weight:900}.article-comments{border-top:4px solid var(--color-accent);margin-top:clamp(4rem,8vw,7rem);padding-top:clamp(2.5rem,6vw,4.5rem)}.comments-heading{grid-template-columns:1fr minmax(14rem,.65fr);align-items:end;gap:2rem;margin-bottom:2rem;display:grid}.comments-heading h2{color:var(--color-text-strong);font-family:var(--font-display);letter-spacing:-.05em;margin:.7rem 0 0;font-size:clamp(2rem,4vw,3.2rem)}.comments-heading h2 span{color:var(--color-accent)}.comments-heading>p{color:var(--color-text-muted);margin:0;font-size:.85rem}.comment-form,.reply-composer{border:1px solid var(--color-line-strong);background:var(--color-page-alt);gap:1rem;padding:1.2rem;display:grid}.comment-form label,.reply-composer label,.login-card label,.settings-grid label,.editor-form label{color:var(--color-text-strong);gap:.4rem;font-size:.82rem;font-weight:900;display:grid}.comment-form label small{color:var(--color-text-muted);justify-self:end;font-weight:600}.comment-form .button,.reply-composer .button{justify-self:start}.visitor-profile-strip{border-bottom:1px solid var(--color-line);align-items:center;gap:.75rem;padding-bottom:1rem;display:flex}.visitor-profile-strip div{display:grid}.visitor-profile-strip small{color:var(--color-text-muted)}.visitor-avatar{border:2px solid var(--color-surface);width:2.5rem;height:2.5rem;color:var(--paper);background:var(--klein);box-shadow:3px 3px 0 var(--color-accent-deep);flex:none;place-items:center;font-weight:950;display:grid}.visitor-avatar.tone-1,.visitor-avatar.tone-5{background:#7357c9}.visitor-avatar.tone-2,.visitor-avatar.tone-6{background:#0e7b75}.visitor-avatar.tone-3,.visitor-avatar.tone-7{background:#b04b32}.comment-list{gap:1rem;margin-top:2rem;display:grid}.comment-thread{border:1px solid var(--color-line);background:var(--color-surface);padding:1.2rem}.comment-message{grid-template-columns:auto minmax(0,1fr);gap:.9rem;display:grid}.comment-message-body{min-width:0}.comment-message-body header{flex-wrap:wrap;align-items:center;gap:.35rem .7rem;display:flex}.comment-message-body header strong{color:var(--color-text-strong)}.comment-message-body header span,.comment-message-body time{color:var(--color-text-muted);font-size:.7rem}.visitor-code,.reply-target{background:var(--color-surface-soft);font-family:var(--font-utility);padding:.12rem .35rem;font-weight:900;color:var(--color-accent-deep)!important}.comment-message-body>p{white-space:pre-wrap;margin:.65rem 0 0}.comment-actions{gap:.5rem;margin-top:.65rem;display:flex}.comment-action{color:var(--color-accent);background:0 0;border:0;align-items:center;gap:.35rem;padding:.25rem .45rem;font-size:.75rem;font-weight:900;display:inline-flex}.comment-action.danger{color:var(--color-danger)}.comment-replies{border-left:2px solid var(--color-line);gap:.9rem;margin:1rem 0 0 3.4rem;padding-left:1rem;display:grid}.comment-reply{border-top:1px solid var(--color-line);padding-top:1rem}.reply-composer{margin:1rem 0 0 3.4rem}.reply-composer-heading{color:var(--color-text-strong);justify-content:space-between;align-items:center;font-size:.78rem;font-weight:900;display:flex}.reply-composer-heading button{border:1px solid var(--color-line);width:2rem;height:2rem;color:var(--color-text-muted);background:var(--color-surface);place-items:center;padding:0;display:grid}.comment-tombstone-mark{border:1px dashed var(--color-line-strong);background:var(--color-page-alt);width:2.5rem;height:2.5rem}.comment-thread.is-deleted,.comment-message.is-deleted{color:var(--color-text-muted)}.comment-pagination{color:var(--color-text-muted);justify-content:center;align-items:center;gap:1rem;margin-top:2rem;font-size:.8rem;display:flex}@media (width<=1280px){.article-detail-layout{grid-template-columns:minmax(0,1fr) 15rem}.article-action-rail{top:calc(var(--header-height) + 1rem);float:left;width:fit-content;margin:0 0 1rem;position:sticky;left:auto}}@media (width<=900px){.reading-progress{z-index:48}.article-detail-layout{grid-template-columns:1fr}.article-toc{display:none}.article-action-rail{z-index:45;border:1px solid var(--color-line-strong);background:color-mix(in srgb, var(--color-surface) 92%, transparent);width:auto;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s var(--ease-out), opacity .3s var(--ease-out);justify-content:center;margin:0;padding:.55rem;display:flex;position:fixed;inset:auto 1rem 1rem}.article-action-rail.is-mobile-hidden{opacity:0;pointer-events:none;transform:translateY(calc(100% + 2rem))}.article-action-button{min-width:5.2rem}}@media (width<=720px){.article-subscription-band{box-shadow:7px 7px 0 var(--color-accent-deep);grid-template-columns:1fr;margin-top:2rem}.comments-heading{grid-template-columns:1fr;gap:.75rem}.access-form{grid-template-columns:1fr}}@media (width<=560px){.article-subscription-form{grid-template-columns:1fr}.article-detail{box-shadow:6px 6px 0 color-mix(in srgb, var(--color-accent-deep) 18%, transparent);padding:1.2rem}.article-detail>header h1{font-size:clamp(2rem,11vw,3.4rem)}.detail-cover{width:calc(100% + 2.4rem);margin-inline:-1.2rem}.image-lightbox{padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left))}.image-lightbox__dialog{height:100%}.image-lightbox__toolbar{flex-wrap:wrap;min-height:3rem}.image-lightbox__counter{order:1}.image-lightbox__close{order:2;margin-left:auto}.image-lightbox__zoom-actions{order:3;justify-content:center;width:100%;margin-left:0}.image-lightbox__control{width:2.75rem;height:2.75rem}.image-lightbox__zoom-reset{width:auto;min-width:4.3rem}.image-lightbox__figure{padding-inline:0}.image-lightbox__figure img{box-shadow:7px 7px #00000080}.markdown-body h2{margin-top:3rem}.markdown-code-toolbar{flex-direction:column;align-items:flex-start}.comment-thread,.comment-form{padding:.9rem}.comment-replies,.reply-composer{margin-left:1rem}.comment-message{gap:.65rem}.visitor-avatar,.comment-tombstone-mark{width:2.15rem;height:2.15rem}}.admin-main-shell{background:var(--color-page-alt);min-height:100vh}.admin-login{min-height:auto}.login-card{gap:1rem;display:grid}.login-card h1{color:var(--color-text-strong);font-family:var(--font-display);letter-spacing:-.055em;margin:.4rem 0 0;font-size:clamp(2rem,5vw,3.5rem)}.login-card>p:not(.section-kicker,.form-error){color:var(--color-text-muted);margin:0}.login-card .button{justify-self:start;min-width:8rem}.admin-console{grid-template-columns:18rem minmax(0,1fr);min-height:100vh;display:grid}.cms-sidebar{z-index:30;height:100vh;color:var(--paper);background:linear-gradient(165deg, #ffffff0f, transparent 38%), var(--deep-blue);flex-direction:column;padding:1.35rem;display:flex;position:sticky;top:0;overflow-y:auto}.cms-sidebar:after{content:"";opacity:.12;pointer-events:none;background-image:radial-gradient(var(--paper) .9px, transparent .9px);background-size:8px 8px;height:9rem;position:absolute;bottom:0;left:0;right:0}.admin-sidebar-head{z-index:1;border-bottom:1px solid #ffffff38;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1.25rem;display:flex;position:relative}.admin-sidebar-head .section-kicker{color:#ffffffad}.admin-sidebar-head h1{font-family:var(--font-display);letter-spacing:-.055em;margin:.5rem 0 0;font-size:1.65rem}.cms-sidebar-actions{gap:.4rem;display:flex}.cms-sidebar-actions .theme-toggle,.cms-sidebar-actions .icon-button,.cms-sidebar-actions .drawer-close{color:var(--paper);background:#ffffff14;border-color:#ffffff4d}.cms-menu-group{z-index:1;gap:.45rem;margin-top:1.4rem;display:grid;position:relative}.cms-menu-group button{border-radius:var(--radius-control);color:#ffffffb3;text-align:left;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:0 0;border:1px solid #0000;grid-template-columns:2.2rem minmax(0,1fr);align-items:center;gap:.1rem .7rem;padding:.75rem;display:grid}.cms-menu-group button>span{border:1px solid #ffffff2e;grid-row:1/span 2;place-items:center;width:2.1rem;height:2.1rem;display:grid}.cms-menu-group button strong{font-size:.88rem}.cms-menu-group button small{color:#ffffff7a;font-size:.68rem}.cms-menu-group button:hover,.cms-menu-group button.active{color:var(--deep-blue);background:var(--paper);border-color:#ffffff47;transform:translate(3px)}.cms-menu-group button:hover small,.cms-menu-group button.active small{color:#53658a}.cms-menu-group button:hover>span,.cms-menu-group button.active>span{border-color:var(--klein);color:var(--paper);background:var(--klein)}.cms-main{min-width:0;padding:clamp(1.2rem,3vw,2.8rem)}.cms-page{width:min(100%,1120px);margin-inline:auto}.admin-mobile-bar{display:none}.editor-toolbar{border-bottom:4px solid var(--color-accent);justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.8rem;padding-bottom:1.2rem;display:flex}.editor-toolbar h1,.editor-toolbar h2{color:var(--color-text-strong);font-family:var(--font-display);letter-spacing:-.055em;margin:.55rem 0 0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.08}.toolbar-actions,.switch-row,.cover-tools,.markdown-field-actions,.mail-form-actions,.mail-pagination{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.cms-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.cms-stat-grid article{border:1px solid var(--color-line-strong);background:var(--color-surface);min-height:9rem;box-shadow:5px 5px 0 color-mix(in srgb, var(--color-accent-deep) 18%, transparent);align-content:space-between;padding:1.2rem;display:grid;position:relative}.cms-stat-grid article:before{content:"";background:var(--color-accent);width:2.2rem;height:.35rem;position:absolute;top:0;right:0}.cms-stat-grid span{color:var(--color-text-muted);font-size:.75rem;font-weight:900}.cms-stat-grid strong{color:var(--color-accent);font-family:var(--font-display);letter-spacing:-.055em;font-size:clamp(1.8rem,4vw,3rem)}.cms-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.cms-panel,.mail-admin-section,.settings-grid,.cms-inline-form{border:1px solid var(--color-line);background:var(--color-surface);padding:1.2rem}.cms-panel h3,.mail-admin-section h3,.mail-section-heading h3{color:var(--color-text-strong);margin:0;font-size:1rem}.cms-panel p{border-top:1px solid var(--color-line);color:var(--color-text-muted);margin:.75rem 0 0;padding-top:.75rem;font-size:.78rem}.cms-tabs{gap:.5rem;margin-bottom:1.2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.cms-tabs button span,.cms-count-badge{min-width:1.5rem;min-height:1.5rem;color:var(--color-accent-deep);background:var(--color-surface-soft);justify-content:center;align-items:center;padding:.18rem .42rem;font-size:.68rem;font-weight:900;display:inline-flex}.cms-tabs button.active span{color:var(--klein);background:var(--paper)}.cms-table-list,.admin-comment-groups,.mail-record-list{gap:.75rem;display:grid}.cms-row,.mail-record-row{border:1px solid var(--color-line);background:var(--color-surface);min-width:0;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);justify-content:space-between;align-items:center;gap:1.2rem;padding:1rem 1.1rem;display:flex}.cms-row:hover,.mail-record-row:hover{border-color:var(--color-accent);box-shadow:4px 4px 0 color-mix(in srgb, var(--color-accent-deep) 18%, transparent);transform:translate(-1px,-1px)}.cms-row>div:first-child,.mail-record-row>div:first-child{gap:.25rem;min-width:0;display:grid}.cms-row strong,.mail-record-row strong{color:var(--color-text-strong);text-overflow:ellipsis;overflow:hidden}.cms-row span,.mail-record-row span,.mail-record-row small{color:var(--color-text-muted);overflow-wrap:anywhere;font-size:.72rem}.cms-row p{color:var(--color-text);white-space:pre-wrap;margin:.4rem 0 0;font-size:.85rem}.admin-comment-group{border:1px solid var(--color-line-strong);background:var(--color-surface)}.admin-comment-group>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.admin-comment-group>summary>span:first-child{gap:.25rem;display:grid}.admin-comment-group summary small{color:var(--color-text-muted)}.admin-comment-list{border-top:1px solid var(--color-line);background:var(--color-page-alt);gap:.7rem;padding:.8rem;display:grid}.cms-inline-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.75rem;margin-bottom:1rem;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.settings-grid>p,.settings-grid>.mail-section-heading,.settings-grid>.mail-form-actions,.settings-grid>.clear-password-option{grid-column:1/-1}.settings-grid textarea{min-height:8rem}.settings-grid>.button{justify-self:start}.upload-button{cursor:pointer;position:relative}.upload-button input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.media-oss-card{margin-bottom:1rem}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.media-card{border:1px solid var(--color-line);background:var(--color-surface);flex-direction:column;min-width:0;padding:.8rem;display:flex}.media-preview{aspect-ratio:4/3;border:1px solid var(--color-line);background:var(--color-page-alt);place-items:center;width:100%;padding:0;display:grid;overflow:hidden}.media-preview.previewable:hover img{transform:scale(1.04)}.media-preview img{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--ease-out)}.file-placeholder{color:var(--color-accent);font-family:var(--font-display);font-size:1.1rem}.media-card-body{gap:.3rem;padding-block:.75rem;display:grid}.media-card-body strong{color:var(--color-text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-card-body span,.media-card-body em{color:var(--color-text-muted);font-size:.68rem;font-style:normal}.media-card .button{margin-top:auto}.media-lightbox{z-index:100;padding:var(--gutter);background:var(--color-overlay);place-items:center;display:grid;position:fixed;inset:0}.media-lightbox-dialog{border:1px solid var(--color-line-strong);background:var(--color-surface);width:min(100%,70rem);max-height:90vh;box-shadow:var(--shadow-hard);overflow:auto}.media-lightbox-dialog header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.media-lightbox-dialog header>div{display:grid}.media-lightbox-dialog header span{color:var(--color-text-muted);font-size:.72rem}.media-lightbox-dialog img,.media-lightbox-dialog video{object-fit:contain;background:#02040a;width:100%;max-height:calc(90vh - 5rem)}.mail-admin{gap:1rem;display:grid}.mail-section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.mail-section-heading p,.mail-admin-section p{color:var(--color-text-muted);margin:.35rem 0 0;font-size:.78rem}.mail-enabled-toggle,.clear-password-option{grid-template-columns:auto 1fr;align-items:center;display:flex!important}.mail-enabled-toggle input,.clear-password-option input,.switch-row input{width:1.05rem;min-height:auto}.mail-inline-form,.mail-filter-bar{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;margin-top:1rem;display:grid}.mail-filter-bar{grid-template-columns:minmax(12rem,1fr) 12rem auto;margin-bottom:1rem}.mail-pagination{color:var(--color-text-muted);justify-content:center;margin-top:1rem;font-size:.75rem}.article-editor-page{background:var(--color-page-alt);min-height:100vh;padding:clamp(1rem,2.5vw,2.2rem)}.editor-topbar{justify-content:space-between;gap:1rem;width:min(100%,1500px);margin:0 auto 1rem;display:flex}.admin-editor{border:1px solid var(--color-line);background:var(--color-surface);width:min(100%,1500px);box-shadow:8px 8px 0 color-mix(in srgb, var(--color-accent-deep) 16%, transparent);margin-inline:auto;padding:clamp(1rem,2.5vw,2rem)}.editor-error-state{max-width:46rem}.editor-grid{grid-template-columns:minmax(0,1fr) minmax(24rem,.85fr);align-items:start;gap:1.2rem;display:grid}.editor-form{border:1px solid var(--color-line);background:var(--color-page-alt);gap:1rem;min-width:0;padding:1.1rem;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.form-row.three-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.time-field{position:relative}.tiny-icon-button{z-index:1;width:1.8rem;height:1.8rem;padding:0;position:absolute;top:0;right:0}.cover-tools{align-items:end}.cover-tools>label:first-child{flex:18rem}.switch-row{border:1px solid var(--color-line);background:var(--color-surface);padding:.9rem}.switch-row label,.link-only-control{color:var(--color-text-strong);align-items:center;gap:.45rem;font-size:.78rem;font-weight:900;display:flex}.link-only-control{border-left:1px solid var(--color-line);padding-left:.8rem}.copy-link-button{border:1px solid var(--color-line);width:2rem;height:2rem;color:var(--color-accent);background:var(--color-page-alt);place-items:center;padding:0;display:grid}.link-password-panel{border-left:4px solid var(--color-accent);background:var(--color-surface-soft);padding:1rem}.markdown-field{gap:.7rem;display:grid}.markdown-field-head,.markdown-import-status-line,.markdown-import-recovery,.reply-composer-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.markdown-field-head>label{flex:none}.inline-upload{min-height:2.2rem;box-shadow:none;padding:.45rem .65rem;font-size:.72rem}.markdown-import-status{border:1px solid var(--color-line-strong);color:var(--color-accent-deep);background:var(--color-surface-soft);padding:.8rem;font-size:.75rem}.markdown-import-status.failed{border-color:var(--danger-line);color:var(--color-danger);background:var(--color-danger-soft)}.markdown-import-status progress{width:100%;accent-color:var(--color-accent);margin-top:.6rem}.markdown-import-errors{gap:.35rem;max-height:10rem;margin:.8rem 0;padding-left:1.2rem;display:grid;overflow-y:auto}.markdown-import-errors li{display:grid}.markdown-input{min-height:52rem;font-family:var(--font-mono);tab-size:2;font-size:.86rem;line-height:1.7}.preview-pane{border:1px solid var(--color-line-strong);background:var(--color-surface);min-width:0;max-height:calc(100vh - 2rem);padding:1rem;position:sticky;top:1rem;overflow-y:auto}.preview-heading{border-bottom:3px solid var(--color-accent);color:var(--color-text-strong);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;font-weight:950;display:flex}.preview-pane .article-card{box-shadow:none}.preview-pane .markdown-body{margin-top:2rem;font-size:.92rem}.mobile-editor-tabs{display:none}.form-feedback{z-index:15;box-shadow:var(--shadow-float);margin:0 0 1rem;position:sticky;top:.5rem}@media (width<=1200px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-grid{grid-template-columns:minmax(0,1fr) minmax(22rem,.72fr)}}@media (width<=900px){.admin-console{padding-top:4rem;display:block}.admin-mobile-bar{z-index:32;min-height:4rem;padding:.6rem var(--gutter);border-bottom:1px solid var(--color-line);background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;top:0;left:0;right:0}.admin-mobile-bar>div{line-height:1.1;display:grid}.admin-mobile-bar span{color:var(--color-accent);font-family:var(--font-utility);letter-spacing:.14em;font-size:.62rem;font-weight:900}.cms-sidebar{z-index:70;width:min(88vw,20rem);height:100vh;transition:transform .32s var(--ease-out);position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.cms-sidebar.open{transform:translate(0)}.cms-sidebar .drawer-close{display:inline-flex}.cms-drawer-backdrop{display:block}.cms-main{padding:var(--gutter)}.cms-stat-grid,.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-grid{grid-template-columns:1fr}.mobile-editor-tabs{border:1px solid var(--color-line-strong);grid-template-columns:1fr 1fr;margin-bottom:1rem;display:grid}.mobile-editor-tabs button{min-height:2.8rem;color:var(--color-text-muted);background:var(--color-surface);border:0;font-weight:900}.mobile-editor-tabs button+button{border-left:1px solid var(--color-line)}.mobile-editor-tabs button.active{color:var(--color-on-accent);background:var(--color-accent)}.editor-grid[data-mobile-tab=edit] .preview-pane,.editor-grid[data-mobile-tab=preview] .editor-form{display:none}.preview-pane{max-height:none;position:static}}@media (width<=680px){.editor-toolbar,.cms-row,.mail-record-row,.mail-section-heading{flex-direction:column;align-items:stretch}.toolbar-actions{width:100%}.toolbar-actions .button{flex:auto}.cms-stat-grid,.cms-two-column,.settings-grid,.cms-inline-form,.mail-filter-bar,.mail-inline-form,.media-grid,.form-row,.form-row.three-fields{grid-template-columns:1fr}.markdown-field-head{flex-direction:column;align-items:flex-start}.markdown-field-actions{width:100%}.inline-upload{flex:auto}.markdown-input{min-height:36rem}}@media (width<=480px){.admin-editor,.editor-form,.preview-pane{padding:.8rem}.editor-topbar .editor-back-link{min-width:0}.cms-main{padding:.9rem}.cms-stat-grid{gap:.7rem}.cms-stat-grid article{min-height:7.5rem;padding:.9rem}}