:root{--color-bg:#fff;--color-text:#24292f;--color-text-light:#656d76;--color-text-lighter:#8c959f;--color-text-lightest:#a8b3c1;--color-border:#d0d7de;--color-border-light:#f6f8fa;--color-bg-secondary:#f6f8fa;--color-bg-tertiary:#eaeef2;--color-bg-code:#f6f8fa;--color-accent:#24292f;--color-success:#1f883d;--font-primary:'Georgia', serif;--font-mono:'Monaco', 'Menlo', monospace;--font-size-base:clamp(0.9rem, 2.5vw, 1rem);--font-size-small:clamp(0.8rem, 2vw, 0.9rem);--font-size-large:clamp(1rem, 3vw, 1.1rem);--line-height-base:1.6;--line-height-relaxed:1.7;--line-height-tight:1.3;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-xxl:clamp(2rem, 5vw, 3rem);--container-width:min(800px, 90vw);--container-width-wide:min(900px, 95vw);--container-width-narrow:min(700px, 85vw);--shadow-subtle:0 1px 3px color-mix(in srgb, currentColor 10%, transparent);--overlay-bg:color-mix(in srgb, black 50%, transparent);--z-overlay:100;--z-modal:200;--z-menu:1000;--z-progress:1001}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem;font-size:18px}body{inline-size:var(--container-width);margin-inline:auto;padding-inline:var(--space-mb);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);font-optical-sizing:auto;font-synthesis:none;text-rendering:optimizeLegibility}header{padding-block:var(--space-lg);border-block-end:1px solid var(--color-border)}footer{padding-block:var(--space-lg);border-block-start:1px solid var(--color-border);text-align:center;font-size:var(--font-size-small);color:var(--color-text-lighter)}:is(h1,h2,h3,h4,h5,h6){font-weight:400;line-height:var(--line-height-tight);color:var(--color-text);text-wrap:balance}h1{font-size:clamp(2rem,5vw,2.5rem);letter-spacing:-.02em;margin-block-end:var(--space-md)}h2{font-size:clamp(1.5rem,4vw,1.8rem);margin-block-end:var(--space-lg)}h3{font-size:clamp(1.2rem,3.5vw,1.5rem);margin-block-end:var(--space-md)}blockquote{margin-block:var(--space-xl);padding-block:var(--space-lg);padding-inline:var(--space-xl);background-color:var(--color-bg-tertiary);border-inline-start:4px solid var(--color-accent);font-style:italic;color:var(--color-text-light)}blockquote p{margin-block-end:0}.subtitle{font-size:var(--font-size-large);color:var(--color-text-light);font-weight:300;line-height:var(--line-height-relaxed)}p{margin-block-end:var(--space-lg);line-height:var(--line-height-relaxed);text-wrap:pretty}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.small-text{font-size:var(--font-size-small);color:var(--color-text-lighter)}nav{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding-block:var(--space-lg);border-block-end:1px solid var(--color-border)}.nav-content{gap:var(--space-md);justify-content:space-between;align-items:center}.logo{font-size:1.2rem;font-weight:500;color:var(--color-text);text-decoration:none;text-wrap:nowrap;font-family:var(--font-mono);transition:color .2s}.nav-menu{display:flex;gap:2.5rem;list-style:none}.nav-menu a{color:var(--color-text-light);text-decoration:none;font-size:var(--font-size-small);transition:color .2s;position:relative}.nav-menu a:is(:hover,.active){color:var(--color-accent)}.nav-menu a.active::after{content:'';position:absolute;inset-block-end:-5px;inset-inline:0;block-size:1px;background-color:var(--color-accent)}.breadcrumb{margin-block-end:var(--space-lg);color:var(--color-text-light);font-size:var(--font-size-small)}.breadcrumb a{color:var(--color-text-light);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb-separator{color:var(--color-text-lighter)}.section{padding-block:var(--space-xl);border-block-end:1px solid var(--color-border)}.intro{padding-block:var(--space-xl);border-block-end:1px solid var(--color-border)}.grid{display:grid;gap:2.5rem}a{color:var(--color-accent);transition:color .2s}a:hover{color:var(--color-text-light)}.btn{display:inline-block;padding-block:.75rem;padding-inline:1.5rem;background-color:var(--color-accent);color:var(--color-bg);text-decoration:none;font-weight:500;transition:all .2s;border:2px solid var(--color-accent);cursor:pointer;font-family:inherit;font-size:var(--font-size-base)}.btn:hover{background-color:var(--color-bg);color:var(--color-accent);translate:0 -1px}.btn--secondary{background-color:transparent;color:var(--color-text-light);border-color:var(--color-border)}.btn--secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.project-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-block-end:var(--space-lg)}.project-name{margin:0;font-family:var(--font-mono)}.feature-list{list-style:none;margin-block:var(--space-xl)}.feature-list li{padding-inline-start:var(--space-md);position:relative;margin-block-end:5px;color:var(--color-text-light);font-size:var(--font-size-small)}.feature-list li::before{content:"→";position:absolute;inset-inline-start:0;color:var(--color-text-lightest)}.card-title{font-size:1.3rem;font-weight:500;color:var(--color-text);font-family:var(--font-mono);margin-block-end:var(--space-sm)}.card-description{color:var(--color-text-light);line-height:var(--line-height-relaxed);margin-block-end:var(--space-md)}.card-meta{display:flex;justify-content:space-between;gap:var(--space-lg);margin-block-end:var(--space-xl);flex-wrap:wrap}.tags{display:flex;gap:var(--space-sm);flex-wrap:wrap}.tag{font-size:.8rem;color:var(--color-text-light);background-color:var(--color-bg-code);padding-block:4px;padding-inline:8px;text-decoration:none;transition:all .2s}.tag:hover{background-color:var(--color-accent);color:var(--color-bg)}.status-badge{font-size:.8rem;padding-block:4px;padding-inline:8px;color:var(--color-bg);font-family:var(--font-mono);background-color:var(--color-text-light)}.status-badge--released{background-color:var(--color-accent)}code{background-color:var(--color-bg-code);padding-block:2px;padding-inline:6px;font-family:var(--font-mono);font-size:var(--font-size-small);color:var(--color-text-light);font-variant-numeric:tabular-nums}dialog{position:fixed;inset:0;z-index:var(--z-modal);margin:auto;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:0;overflow:hidden;max-inline-size:min(600px,90vw);max-block-size:min(500px,80vh);box-shadow:var(--shadow-subtle);font-family:var(--font-primary);animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}::backdrop{background-color:var(--overlay-bg);backdrop-filter:blur(2px);animation:backdropFadeIn .2s ease-out}@keyframes backdropFadeIn{from{opacity:0}to{opacity:1}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-lg);border-block-end:1px solid var(--color-border);background-color:var(--color-bg)}.modal-header-content{flex:1}.modal-title{font-size:clamp(1.1rem,3vw,1.3rem);font-weight:400;margin-block-end:var(--space-xs);color:var(--color-text);line-height:var(--line-height-tight)}.modal-subtitle{font-size:var(--font-size-small);color:var(--color-text-light);font-weight:300;line-height:var(--line-height-base);margin-block-end:0}.modal-close{background:0 0;border:none;font-size:1.5rem;color:var(--color-text-lighter);cursor:pointer;padding:var(--space-xs);margin:calc(-1 * var(--space-xs));line-height:1;transition:color .2s ease;font-family:var(--font-primary)}.modal-close:hover{color:var(--color-text)}.modal-close:focus{outline:2px solid var(--color-accent);outline-offset:2px}.modal-content{padding:var(--space-lg);max-block-size:calc(500px - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border)transparent}.modal-section{margin-block-end:var(--space-xl)}.modal-section:last-child{margin-block-end:0}.modal-section-title{font-size:var(--font-size-small);font-weight:500;color:var(--color-text);margin-block-end:var(--space-md);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.modal-shortcuts{display:grid;gap:var(--space-sm)}.modal-shortcut{display:flex;align-items:center;gap:var(--space-lg);padding-block:var(--space-xs)}.modal-key{font-family:var(--font-mono);background-color:var(--color-bg-code);border:1px solid var(--color-border);padding-block:var(--space-xs);padding-inline:var(--space-sm);font-size:.8rem;min-inline-size:70px;text-align:center;color:var(--color-text);font-variant-numeric:tabular-nums;line-height:1}.modal-description{font-size:var(--font-size-small);color:var(--color-text-light);flex:1;line-height:var(--line-height-base)}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-muted{color:var(--color-text-lighter)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}@media(prefers-color-scheme:dark){:root{--color-bg:#0d1117;--color-text:#f0f6fc;--color-text-light:#c9d1d9;--color-text-lighter:#8b949e;--color-text-lightest:#7d8590;--color-border:#30363d;--color-border-light:#21262d;--color-bg-secondary:#161b22;--color-bg-tertiary:#21262d;--color-bg-code:#1d2127;--color-accent:#f0f6fc;--color-success:#3fb950}}@media(prefers-contrast:high){:root{--color-bg:#fff;--color-text:#000;--color-text-light:#000;--color-text-lighter:#000;--color-text-lightest:#000;--color-border:#000;--color-border-light:#000;--color-bg-secondary:#fff;--color-bg-tertiary:#fff;--color-bg-code:#fff;--color-accent:#000;--color-success:#060;--shadow-subtle:0 2px 4px rgba(0, 0, 0, 0.8);--overlay-bg:rgba(0, 0, 0, 0.9)}a{color:#000 !important;text-decoration:underline !important}button,input,select,textarea{border:2px solid #000 !important;background:#fff !important;color:#000 !important}:focus{outline:3px solid #000 !important;outline-offset:2px !important}}