.rail{border-color:var(--color-border)}.rail-brand{color:var(--color-text);font-family:var(--font-ui);letter-spacing:.02em;text-transform:lowercase;font-size:16px;text-decoration:none}.rail-nav{margin:0;padding:0;list-style:none}.rail-nav a{color:var(--color-text-secondary);font-family:var(--font-ui);letter-spacing:.02em;font-size:14px;text-decoration:none}.rail-nav a:hover{color:var(--color-text)}.rail-nav a:focus-visible,.rail-mobile-toggle:focus-visible,.rail-brand:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.rail-nav a[aria-current=page]{color:var(--color-accent)}.rail-desktop{width:var(--rail-width);min-width:var(--rail-width);border-right:1px solid var(--color-border-soft);flex-direction:column;gap:28px;height:100vh;padding:32px 24px;display:flex;position:sticky;top:0}.rail-nav-desktop{flex-direction:column;gap:9px;display:flex}.rail-mobile{display:none}.rail-mobile-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.rail-mobile-toggle{border:1px solid var(--color-border-soft);color:var(--color-text);border-radius:var(--border-radius);font-family:var(--font-ui);background:0 0;padding:6px 10px;font-size:12px}.rail-intro{gap:4px;display:grid}.rail-tagline{color:var(--color-text-secondary);max-width:18ch;font-size:14px;line-height:1.35}.rail-mobile-nav-wrap{display:none}.rail-mobile-nav-wrap.is-open{display:block}@media (width<=980px){.rail-desktop{display:none}.rail-mobile{z-index:20;background:var(--color-bg);border-bottom:1px solid var(--color-border-soft);padding:10px var(--space-2);flex-direction:column;gap:10px;display:flex;position:sticky;top:0}.rail-nav-mobile{gap:var(--space-2);padding-bottom:2px;display:flex;overflow-x:auto}.rail-nav-mobile::-webkit-scrollbar{height:4px}}.compressor{font-family:var(--font-body);font-size:var(--font-size-body);color:var(--color-text);gap:var(--space-2);width:100%;padding:var(--space-2);flex-direction:column;display:flex}.compressor__dropzone{border:2px dashed var(--color-border);border-radius:var(--border-radius);background:var(--color-bg);padding:var(--space-4);justify-content:center;align-items:center;gap:var(--space-1);cursor:pointer;text-align:center;flex-direction:column;min-height:160px;transition:background .15s;display:flex}.compressor__dropzone--active{background:var(--color-surface);border-style:solid}.compressor__dropzone-icon{font-size:32px;line-height:1}.compressor__dropzone-text{font-family:var(--font-heading);font-size:var(--font-size-body)}.compressor__dropzone-hint{color:var(--color-text-tertiary);font-size:12px}.compressor__file-input{display:none}.compressor__preview{gap:var(--space-2);flex-direction:column;display:flex}.compressor__preview-image{object-fit:contain;border:1px solid var(--color-border);background:var(--color-surface);width:100%;max-height:300px}.compressor__file-info{color:var(--color-text-tertiary);font-size:12px}.compressor__controls{gap:var(--space-2);flex-direction:column;display:flex}.compressor__section-label{font-family:var(--font-heading);font-size:var(--font-size-label);margin:0;font-weight:700}.compressor__formats{gap:var(--space-1);flex-wrap:wrap;display:flex}.compressor__format-btn{font-family:var(--font-body);font-size:var(--font-size-body);padding:var(--space-1) var(--space-2);border:2px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);cursor:pointer;box-shadow:none}.compressor__format-btn:active{box-shadow:none}.compressor__format-btn--active{background:var(--color-text-tertiary);color:var(--color-bg);box-shadow:none}.compressor__resize-row{align-items:center;gap:var(--space-1);display:flex}.compressor__toggle{border:2px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);cursor:pointer;width:40px;height:20px;box-shadow:none;padding:0;position:relative}.compressor__toggle--on{background:var(--color-text-tertiary)}.compressor__toggle-thumb{background:var(--color-bg);border:1px solid var(--color-border);width:12px;height:12px;transition:left .15s;position:absolute;top:1px;left:1px}.compressor__toggle--on .compressor__toggle-thumb{left:21px}.compressor__widths{gap:var(--space-1);flex-wrap:wrap;display:flex}.compressor__width-btn{font-family:var(--font-body);padding:4px var(--space-1);border:2px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);cursor:pointer;box-shadow:none;font-size:12px}.compressor__width-btn:active{box-shadow:none}.compressor__width-btn--active{background:var(--color-text-tertiary);color:var(--color-bg);box-shadow:none}.compressor__compress-btn{font-family:var(--font-heading);font-size:var(--font-size-body);padding:var(--space-1) var(--space-3);border:2px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);cursor:pointer;box-shadow:none;align-self:flex-start;font-weight:700}.compressor__compress-btn:active{box-shadow:none}.compressor__compress-btn:disabled{opacity:.5;cursor:not-allowed}.compressor__result{gap:var(--space-1);border:2px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg);padding:var(--space-2);box-shadow:none;flex-direction:column;display:flex}.compressor__meta{gap:var(--space-2);flex-wrap:wrap;font-size:12px;display:flex}.compressor__meta-item{gap:4px;display:flex}.compressor__meta-label{color:var(--color-text-tertiary)}.compressor__actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.compressor__action-btn{font-family:var(--font-body);font-size:var(--font-size-body);padding:var(--space-1) var(--space-2);border:2px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);cursor:pointer;box-shadow:none}.compressor__action-btn:active{box-shadow:none}.compressor__error{justify-content:space-between;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:2px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-error-bg);color:var(--color-error-text);font-size:12px;display:flex}.compressor__error-dismiss{font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.compressor__note{color:var(--color-text-tertiary);font-size:12px;font-style:italic}.experiment-chrome{border:1px solid var(--color-border-soft);border-radius:var(--border-radius-card);background:#ffffff03;overflow:hidden}.experiment-chrome__bar{border-bottom:1px solid var(--color-border-soft);background:#00000038;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.experiment-chrome__dots{gap:6px;display:inline-flex}.experiment-chrome__dots span{background:var(--color-text-tertiary);border-radius:50%;width:8px;height:8px}.experiment-chrome__dots span:first-child{background:#ff5f57}.experiment-chrome__dots span:nth-child(2){background:#febc2e}.experiment-chrome__dots span:nth-child(3){background:#28c840}.experiment-chrome__title,.experiment-chrome__meta{font-family:var(--font-ui);color:var(--color-text-secondary);letter-spacing:.02em;margin:0;font-size:11px}.experiment-chrome__title{color:var(--color-text)}.experiment-chrome__body{padding:var(--space-1)}.experiment-chrome__footer{border-top:1px solid var(--color-border-soft);font-family:var(--font-ui);color:var(--color-text-tertiary);padding:8px 12px;font-size:12px}.experiment-chrome__footer a{text-decoration:none}.experiment-card__actions{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:0;display:flex}.experiment-card__open-link{font-family:var(--font-ui);font-size:13px}.experiment-view__back{margin-bottom:var(--space-2);font-family:var(--font-ui);font-size:13px;display:inline-flex}.experiment-view__summary{margin-bottom:var(--space-2);color:var(--color-text-secondary)}.experiment-chrome--compact .experiment-chrome__meta{display:none}.feed-list{gap:0;max-width:760px;list-style:none;display:grid}.feed-item{border-bottom:1px solid var(--color-border-soft)}.feed-item:first-child{border-top:1px solid var(--color-border-soft)}.feed-card-link{color:inherit;padding:22px 0;text-decoration:none;transition:background-color .15s;display:block}.feed-card{border:0;border-radius:0;padding:0 14px}.feed-card-link:hover,.feed-card-link:focus-visible{background:#ffffff04}.feed-eyebrow{color:var(--color-text-tertiary);font-family:var(--font-ui);letter-spacing:.04em;text-transform:lowercase;margin-bottom:8px;font-size:12px}.feed-title{color:var(--color-text);font-family:var(--font-heading);letter-spacing:-.01em;margin-bottom:8px;font-size:clamp(24px,2.8vw,30px);line-height:1.12}.feed-date{color:var(--color-text-tertiary);font-family:var(--font-ui);letter-spacing:.02em;margin-bottom:8px;font-size:12px}.feed-summary{color:var(--color-text-secondary);max-width:64ch;font-size:16px;line-height:1.6}.feed-card-experiment{margin:16px 0;padding:14px}.feed-card-experiment .feed-summary{margin-bottom:20px}.metrics-strip{border:1px solid var(--color-border-soft);background:0 0;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px;display:grid}.metrics-strip__item{border-right:1px solid var(--color-border-soft);padding:10px}.metrics-strip__item:last-child{border-right:0}.metrics-strip__value{font-family:var(--font-heading);color:var(--color-accent);margin-bottom:2px;font-size:16px;line-height:1.2}.metrics-strip__label{font-family:var(--font-ui);color:var(--color-text-tertiary);letter-spacing:.03em;text-transform:uppercase;font-size:11px}.feed-empty{color:var(--color-text-secondary);border:1px dashed var(--color-border);border-radius:var(--border-radius-card);padding:var(--space-2)}@media (width<=980px){.feed-card-link{padding:18px 0}.feed-title{font-size:24px}.feed-summary{font-size:15px}}.reader-shell{max-width:760px}.reader-back{margin-bottom:var(--space-2);color:var(--color-link);font-family:var(--font-ui);letter-spacing:.03em;text-transform:lowercase;font-size:13px;display:inline-flex}.reader-back:hover{color:var(--color-link-hover)}.reader-back:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.reader-meta{color:var(--color-text-tertiary);font-family:var(--font-ui);letter-spacing:.03em;margin-bottom:10px;font-size:11px}.reader-summary{margin-bottom:var(--space-3);color:var(--color-text-secondary)}.reader-content{gap:14px;display:grid}.reader-content p{color:var(--color-text-secondary);max-width:68ch}.reader-content img,.reader-content video{border-radius:var(--border-radius);border:1px solid var(--color-border-soft);width:100%}.reader-table-wrap{overflow-x:auto}.reader-table{border-collapse:collapse;width:100%;font-size:13px}.reader-table th,.reader-table td{border:1px solid var(--color-border-soft);text-align:left;vertical-align:top;padding:8px}.case-study-meta{border:1px solid var(--color-border-soft);grid-template-columns:repeat(3,minmax(0,1fr));margin:8px 0 14px;display:grid}.case-study-meta__item{border-right:1px solid var(--color-border-soft);padding:10px}.case-study-meta__item:last-child{border-right:0}.case-study-meta__label{font-family:var(--font-ui);color:var(--color-text-tertiary);letter-spacing:.03em;text-transform:uppercase;margin-bottom:2px;font-size:10px}.case-study-meta__value{color:var(--color-text-secondary);font-size:14px}.metrics-strip-reader{margin:0 0 20px}.metrics-strip-reader .metrics-strip__value{font-size:20px}.reader-section-heading{color:var(--color-accent);margin:18px 0 6px;font-size:20px;line-height:1.2}.reader-divider{border:none;border-top:1px solid var(--color-border-soft);margin:var(--space-2) 0}@media (width<=860px){.case-study-meta{grid-template-columns:1fr}.case-study-meta__item{border-right:0;border-bottom:1px solid var(--color-border-soft)}.case-study-meta__item:last-child{border-bottom:0}.metrics-strip,.metrics-strip-reader{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-strip__item:nth-child(2n){border-right:0}.metrics-strip__item:nth-child(-n+2){border-bottom:1px solid var(--color-border-soft)}}.reader-not-found{border:1px dashed var(--color-border);border-radius:var(--border-radius-card);padding:var(--space-2)}:root{--color-bg:#1a1918;--color-surface:#222120;--color-surface-elevated:#2a2928;--color-text:#f4f2ee;--color-text-secondary:#e8e3d9;--color-text-tertiary:#908a81;--color-link:#f2a154;--color-link-hover:#f7b97f;--color-accent:#f2a154;--color-border:#f4f2ee2e;--color-border-soft:#f4f2ee1a;--color-accent-soft:#f2a15429;--color-error-bg:#3a2020;--color-error-text:#f5c6c6;--font-sans:"Nunito Sans", sans-serif;--font-heading-sans:"Inter Tight", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-heading:var(--font-heading-sans);--font-body:var(--font-sans);--font-ui:var(--font-mono);--font-size-body:18px;--font-size-label:12px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--rail-width:232px;--border-radius:8px;--border-radius-card:12px;--border-radius-pill:50px;--grid-columns:5;--modal-padding-x:60px}@media (width<=1024px){:root{--grid-columns:3}}@media (width<=768px){:root{--grid-columns:2}}@media (width<=480px){:root{--grid-columns:1}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{height:100%}body{font-family:var(--font-body);font-size:var(--font-size-body);color:var(--color-text);background:var(--color-bg);text-rendering:optimizelegibility;line-height:1.6}body.modal-open{overflow:hidden}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:500}code,pre{font-family:var(--font-mono);font-feature-settings:"ss01", "cv11"}.skip-nav{top:-100%;left:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-text);color:var(--color-bg);z-index:1000;font-family:var(--font-heading);font-size:var(--font-size-label);position:absolute}.skip-nav:focus{top:var(--space-1)}.app-shell{max-width:1080px;min-height:100vh;margin:0 auto;display:flex}.main-content{flex:1;min-width:0;padding:42px 56px}.view-header{margin-bottom:var(--space-3)}.view-header h1{letter-spacing:-.01em;font-size:clamp(28px,3.3vw,34px);line-height:1.1}.feed-view .view-header h1,.about-view .view-header h1,.stack-view .view-header h1{color:var(--color-accent)}.prose-block{gap:var(--space-2);max-width:68ch;display:grid}.prose-block p{color:var(--color-text-secondary)}.stack-view .view-header h1{color:var(--color-accent)}@media (width<=980px){.app-shell{flex-direction:column}.main-content{padding:24px var(--space-2)}.view-header h1{font-size:28px}}