:root{--toggle-dur:350ms;--toggle-travel:76px;--toggle-ov1:1px;--toggle-ov2:0px;--toggle-track:150ms;--toggle-ease:cubic-bezier(0.34,1.35,0.64,1)}
.reading-switch{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:80;width:160px;height:42px;border:1px solid #d5d5d2;border-radius:24px;background:#f1f1ee;box-shadow:0 3px 14px #0000000b;color:#666;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:space-around;font:12px/1 Arial,sans-serif;isolation:isolate}
.reading-switch>span:not(.t-toggle-thumb){width:76px;position:relative;z-index:1;transition:color 150ms ease}.reading-switch[data-on=false] .reading-human,.reading-switch[data-on=true] .reading-ai{color:#1a1a1a}.reading-switch:focus-visible{outline:2px solid #555;outline-offset:4px}.reading-switch .t-toggle-thumb{position:absolute;left:4px;top:4px;width:74px;height:32px;background:#fff;border-radius:20px;box-shadow:0 1px 4px #00000018}.reading-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* transitions.dev toggle recipe, with travel fitted to the two reading labels. */
.t-toggle { transition: background var(--toggle-track) var(--toggle-ease); }
.t-toggle-thumb { translate: 0 0; will-change: translate; }
.t-toggle[data-on="true"] .t-toggle-thumb { translate: var(--toggle-travel) 0; }
.t-toggle.is-init[data-on="true"] .t-toggle-thumb { animation: t-toggle-on var(--toggle-dur) var(--toggle-ease) both; }
.t-toggle.is-init[data-on="false"] .t-toggle-thumb { animation: t-toggle-off var(--toggle-dur) var(--toggle-ease) both; }
@keyframes t-toggle-on {
  0% { translate: 0 0; }
  55% { translate: calc(var(--toggle-travel) + var(--toggle-ov1)) 0; }
  80% { translate: calc(var(--toggle-travel) - var(--toggle-ov2)) 0; }
  100% { translate: var(--toggle-travel) 0; }
}
@keyframes t-toggle-off {
  0% { translate: var(--toggle-travel) 0; }
  55% { translate: calc(0px - var(--toggle-ov1)) 0; }
  80% { translate: var(--toggle-ov2) 0; }
  100% { translate: 0 0; }
}
.ai-syntax,.ai-image,.ai-embed,.ai-form-note{display:none}
.ai-view main,.ai-view .site-footer{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.ai-view main *,.ai-view .site-footer *{font-family:inherit!important}
.ai-view .ai-syntax{display:inline;color:#858580;font-weight:400;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}
.ai-view a{overflow-wrap:anywhere;white-space:normal!important}.ai-view :is(.linkedin-note a,.inline-brand,.project-chip,.read-more,.article-contents a){display:inline;white-space:normal!important}.ai-view :is(.inline-logo,.company-icon img,.footer-label img,.author img,.link-arrow,.footer-arrow,.site-peek,.title-arrow,.journey-illustration,.footer-quiet a[type="text/markdown"],#contact>p.dim){display:none!important}
.ai-view main [aria-hidden="true"],.ai-view .site-footer [aria-hidden="true"]{display:none!important}
.ai-view .project-item{display:block}.ai-view .project-item>span:not(.ai-syntax){display:inline}.ai-view .company-icon{display:none!important}.ai-view .project-desc{font-family:inherit}.ai-view .project-desc::before{content:' · '}.ai-view .project-item>span strong{display:inline}.ai-view .project-item>.ai-syntax{flex-basis:100%}.ai-view .project-item>.ai-syntax:first-child{flex-basis:auto}
.ai-view .footer-links>a{display:block}.ai-view .footer-label,.ai-view .footer-value{display:inline;font-family:inherit}.ai-view .footer-value::before{content:' · '}
.ai-view .profile>img,.ai-view .profile>.status-indicator{display:none}.ai-view .profile{width:100%;height:64px;min-height:64px;background:transparent;display:block;font-size:13px;letter-spacing:0;font-weight:400;border-radius:0;overflow:visible}.ai-view .profile .ai-image{display:flex;align-items:center;height:100%;line-height:1.6;overflow-wrap:anywhere}
.ai-view .project-card :is(.site-cover,.brand-cover){background:#f3f3ef!important;position:relative;color:#555}.ai-view .project-card :is(.site-cover,.brand-cover)>:not(.ai-image){visibility:hidden}.ai-view .project-card .ai-image{display:flex;align-items:center;position:absolute;inset:16px;font-size:12px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-line;text-align:left;font-weight:400}
.ai-view .footer-signature{display:none}.ai-view .footer-signature+.ai-image{display:block;margin:64px auto 40px;font:12px/1.6 ui-monospace,monospace;overflow-wrap:anywhere;text-align:center}
.ai-view iframe[src*="spotify"],.ai-view #contact-form{display:none}.ai-view .ai-embed,.ai-view .ai-form-note{display:block;font:13px/1.7 ui-monospace,monospace;overflow-wrap:anywhere;margin:16px 0}.ai-view .ai-form-note{color:#777}.ai-view .footer-quiet{padding-bottom:22px}
.ai-glyphs{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:79}
body>main,body>header,body>.site-footer{transition:opacity 150ms ease}
.ai-transforming body>main,.ai-transforming body>header,.ai-transforming body>.site-footer{opacity:0}
@media(max-width:600px){.reading-switch{right:12px;bottom:max(12px,env(safe-area-inset-bottom));height:40px}.reading-switch .t-toggle-thumb{height:30px}.site-footer{padding-bottom:88px!important}.ai-view .project-card .ai-image{font-size:13px}}
@media(prefers-reduced-motion:reduce){.t-toggle-thumb{animation:none!important}.ai-glyphs{display:none}body>main,body>header,body>.site-footer{transition:none!important}}

.ai-view .project-card .card-caption{display:block;font-size:12px;overflow-wrap:anywhere}.ai-view main li{list-style:none}
