body{background-image:var(--bg-overlay),url("curtain.webp");background-size:contain;background-repeat:repeat-x;background-attachment:fixed}#site-sidebar::before{background-color:var(--bg-color)}.design-section{margin-block-start:2rem;border-radius:2.75rem;border-start-start-radius:var(--rounded-corner);padding:1.25rem;outline:.0625rem solid var(--bg-muted-2);box-shadow:var(--edge-highlight),var(--shadow-glass);background-image:radial-gradient(circle, var(--bg-muted-1) .0625rem, rgba(0,0,0,0) .0625rem),linear-gradient(to bottom right, var(--bg-color) 50%, var(--bg-muted-1), var(--bg-muted-2));background-size:1rem 1rem,auto;--accent-color: hsl( var(--accent-light-h), var(--accent-light-s), var(--accent-light-l) );--accent-h: var(--accent-light-h);--accent-s: var(--accent-light-s);--accent-l: var(--accent-light-l);--bg-color: hsl( var(--accent-h), calc(var(--accent-s) - var(--accent-s) * 0.6), calc(var(--accent-l) + (100% - var(--accent-l)) * 0.8) );--fg-muted-1: hsla( var(--accent-h), var(--accent-s), calc(var(--accent-l) - var(--accent-l) * 0.85), var(--fg-muted-1-opacity) );--fg-muted-2: hsla( var(--accent-h), var(--accent-s), calc(var(--accent-l) - var(--accent-l) * 0.85), var(--fg-muted-2-opacity) );--glass-bg-1: hsla( var(--accent-h), calc(var(--accent-s) - var(--accent-s) * 0.7), calc(var(--accent-l) + (100% - var(--accent-l)) * 0.9), var(--dim-opacity) );--glass-bg-2: hsla( var(--accent-h), calc(var(--accent-s) - var(--accent-s) * 0.6), calc(var(--accent-l) + (100% - var(--accent-l)) * 0.8), var(--dim-opacity) );--crt-bg: radial-gradient( hsl( var(--accent-h), calc(var(--accent-s) - var(--accent-s) * 0.5), calc(var(--accent-l) + (100% - var(--accent-l)) * 0.9) ), hsl( var(--accent-h), calc(var(--accent-s) - var(--accent-s) * 0.5), calc(var(--accent-l) + (100% - var(--accent-l)) * 0.75) ) 80%, hsl( var(--accent-h), calc(var(--accent-s) - var(--accent-s) * 0.5), calc(var(--accent-l) + (100% - var(--accent-l)) * 0.65) ) );--accent-highlight: hsla( var(--accent-h), var(--accent-s), var(--accent-l), var(--disabled-opacity) );--bg-muted-1: hsla( var(--accent-h), var(--accent-s), var(--accent-l), var(--color-opacity-1) );--bg-muted-2: hsla( var(--accent-h), var(--accent-s), var(--accent-l), var(--color-opacity-2) );--l: clamp(0, (l / 0.623 - 1) * -infinity, 1);--a: calc(var(--l) + (var(--dim-opacity) * (1 - var(--l))));--contrast-color: oklch(from var(--accent-color) var(--l) 0 h / var(--a));--shadow-glow: 0 0 0 .0625rem var(--bg-muted-2), 0 .125rem .375rem .125rem var(--bg-muted-1), 0 .25rem 1.5rem .25rem var(--bg-muted-2);--shadow-glow-inset: inset 0 0 0 .0625rem var(--bg-muted-2), inset 0 .125rem .375rem .125rem var(--bg-muted-1), inset 0 .25rem 1.5rem .25rem var(--bg-muted-2);--text-shadow-glow: var(--bg-muted-2) 0 0 .25rem, var(--accent-color) 0 0 .75rem}@media (prefers-color-scheme: dark){.design-section{--accent-color: hsl( var(--accent-dark-h), var(--accent-dark-s), var(--accent-dark-l) );--accent-h: var(--accent-dark-h);--accent-s: var(--accent-dark-s);--accent-l: var(--accent-dark-l);--bg-color: hsl( var(--accent-h), calc(var(--accent-s) - var(--accent-s) * 0.7), calc(var(--accent-l) - var(--accent-l) * 0.9) );--fg-muted-1: hsla( var(--accent-h), var(--accent-s), calc(var(--accent-l) + (100% - var(--accent-l)) * 0.85), var(--fg-muted-1-opacity) );--fg-muted-2: hsla( var(--accent-h), var(--accent-s), calc(var(--accent-l) + (100% - var(--accent-l)) * 0.85), var(--fg-muted-2-opacity) );--glass-bg-1: hsla( var(--accent-h), calc(var(--accent-s) - var(--accent-s) * 0.6), calc(var(--accent-l) - var(--accent-l) * 0.8), var(--dim-opacity) );--glass-bg-2: hsla( var(--accent-h), calc(var(--accent-s) - var(--accent-s) * 0.5), calc(var(--accent-l) - var(--accent-l) * 0.7), var(--dim-opacity) );--crt-bg: radial-gradient( hsl( var(--accent-h), calc(var(--accent-s) - var(--accent-s) * 0.5), calc(var(--accent-l) - var(--accent-l) * 0.7) ), hsl( var(--accent-h), calc(var(--accent-s) - var(--accent-s) * 0.5), calc(var(--accent-l) - var(--accent-l) * 0.9) ) 80%, hsl( var(--accent-h), calc(var(--accent-s) - var(--accent-s) * 0.5), calc(var(--accent-l) - var(--accent-l) * 0.95) ) )}}.design-section h2{margin:0 0 .25rem}.design-section>p{margin:0 0 1rem;color:var(--fg-muted-1)}#design-cli{--accent-light-h: var(--blue-h);--accent-light-s: var(--blue-s);--accent-light-l: var(--blue-l);--accent-dark-h: var(--blue-h);--accent-dark-s: var(--blue-s);--accent-dark-l: var(--blue-l)}#design-plugin{--accent-light-h: var(--green-h);--accent-light-s: var(--green-s);--accent-light-l: var(--green-l);--accent-dark-h: var(--green-h);--accent-dark-s: var(--green-s);--accent-dark-l: var(--green-l)}#design-app{--accent-light-h: var(--purple-h);--accent-light-s: var(--purple-s);--accent-light-l: var(--purple-l);--accent-dark-h: var(--purple-h);--accent-dark-s: var(--purple-s);--accent-dark-l: var(--purple-l);overflow:visible;--ensili-radius: 20px;--ensili-accent: #0071e3;--ensili-text: #1d1d1f;--ensili-text-tertiary: #86868b;--ensili-bg: #ffffff;--ensili-border: #d2d2d7;--ensili-transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}@media (prefers-color-scheme: dark){#design-app{--ensili-text: var(--fg-color);--ensili-text-tertiary: var(--fg-muted-1);--ensili-bg: var(--bg-muted-1);--ensili-border: var(--border-color);--ensili-accent: hsl(var(--purple-h) var(--purple-s) var(--purple-l))}}#design-api{--accent-light-h: var(--yellow-h);--accent-light-s: var(--yellow-s);--accent-light-l: var(--yellow-l);--accent-dark-h: var(--yellow-h);--accent-dark-s: var(--yellow-s);--accent-dark-l: var(--yellow-l)}.design-repo-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(14rem, 1fr));gap:1rem}.design-repo-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.1rem;border-radius:calc(var(--rounded-corner) + .5rem);background:var(--bg-muted-1);box-shadow:var(--edge-highlight);text-decoration:none;color:inherit;transition:transform var(--transition-bezier),background-color var(--transition)}.design-repo-card:hover{background:var(--bg-muted-2);text-decoration:none;transform:translateY(-2px)}.design-repo-card:active{transform:var(--active)}.design-repo-icon .icon{font-size:2rem;color:var(--accent-color)}.design-repo-name{font-weight:var(--font-weight-semi-bold);font-size:1.05rem}.design-repo-summary{flex:1;font-size:.875rem;color:var(--fg-muted-1);line-height:1.45}.design-repo-status{display:block;font-size:.875rem;color:var(--fg-muted-1);line-height:1.45}.design-repo-link{font-size:.8rem;color:var(--accent-color)}#design-app .apps-section-heading{text-align:center;margin-bottom:2rem}#design-app .apps-section-heading h2{margin:0 0 .35rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.02em}#design-app .apps-section-subtitle{margin:0;font-size:1.05rem;color:var(--fg-muted-1);font-weight:400;line-height:1.45}#design-app .app-grid{display:grid;grid-template-columns:repeat(2, 1fr);align-items:start;gap:8px;overflow:visible}@media (min-width: 640px){#design-app .app-grid{grid-template-columns:repeat(3, 1fr);gap:10px}}@media (min-width: 900px){#design-app .app-grid{grid-template-columns:repeat(4, 1fr);gap:12px}}@media (min-width: 1100px){#design-app .app-grid{grid-template-columns:repeat(5, 1fr)}}#design-app .app-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:14px 16px 12px;border-radius:var(--ensili-radius);text-align:center;transition:transform var(--ensili-transition);cursor:pointer;text-decoration:none;color:inherit}#design-app .app-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--ensili-radius);background:var(--ensili-bg);box-shadow:0 2px 8px rgba(0,0,0,.04),0 8px 30px rgba(0,0,0,.08);opacity:0;z-index:-1;transition:opacity var(--ensili-transition),bottom .3s cubic-bezier(.25, .46, .45, .94)}#design-app .app-card:hover,#design-app .app-card:focus-visible{transform:translateY(-4px);z-index:10;transition-delay:.3s;text-decoration:none}#design-app .app-card:hover::before,#design-app .app-card:focus-visible::before{opacity:1;bottom:calc(var(--desc-h, 0px)*-1);transition-delay:.3s}#design-app .app-card:hover h2,#design-app .app-card:focus-visible h2{color:var(--ensili-accent);transition-delay:.3s}#design-app .app-card:hover .app-icon,#design-app .app-card:focus-visible .app-icon{transform:scale(1.08) rotate(-1.5deg);transition-delay:.3s}#design-app .app-card:hover p,#design-app .app-card:focus-visible p{opacity:1;transition-delay:.4s}#design-app .app-card:active{transform:translateY(-1px)}#design-app .app-card h2{font-size:.88rem;font-weight:600;margin:0;color:var(--ensili-text);transition:color var(--ensili-transition)}#design-app .app-card p{position:absolute;left:0;right:0;bottom:0;translate:0 100%;font-size:.72rem;color:var(--ensili-text-tertiary);line-height:1.4;pointer-events:none;opacity:0;padding:4px 16px 14px;text-align:center;transition:opacity .2s ease;margin:0}@media (hover: none){#design-app .app-card p{position:static;translate:none;opacity:.5;margin-top:4px;padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}#design-app .app-icon{width:80px;height:80px;margin-bottom:14px;transition:transform var(--ensili-transition);border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg, hsl(var(--app-hue, 220), 72%, 58%), hsl(calc(var(--app-hue, 220) + 38), 68%, 42%));box-shadow:0 4px 14px rgba(0,0,0,.12)}#design-app .app-icon .icon{font-size:2.25rem;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}#design-app .app-card-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px 24px;border-radius:var(--ensili-radius);text-align:center}#design-app .app-card-placeholder .placeholder-icon{width:80px;height:80px;border:2px dashed var(--ensili-border);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--ensili-text-tertiary);font-size:1.5rem;font-weight:300}#design-app .app-card-placeholder span{font-size:.82rem;color:var(--ensili-text-tertiary);font-weight:500}.design-app-detail{max-width:42rem}.design-app-back{display:inline-block;margin-bottom:1rem;font-size:.9rem}.design-app-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.design-app-detail-icon .icon{font-size:3rem;color:var(--accent-color)}.design-app-detail-tagline{margin:.25rem 0 0;color:var(--fg-muted-1)}.media-grid{grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr));justify-items:center;gap:1rem;text-align:center}.media-grid .grid-item{transition:all var(--transition),transform var(--transition-bezier);border-radius:calc(var(--rounded-corner) + 1rem);padding:1rem;line-height:0;text-decoration:none}.media-grid .grid-item:hover{backdrop-filter:blur(.25rem);-webkit-backdrop-filter:blur(.25rem);box-shadow:var(--edge-highlight);background-color:var(--bg-muted-1);text-decoration:none}.media-grid .grid-item div{position:relative;box-shadow:var(--shadow);border-radius:var(--rounded-corner)}.media-grid .grid-item div:hover img.mono{opacity:1}.media-grid .grid-item img{display:inline-block;transition:var(--transition);margin:0;box-shadow:none;background-color:#fff}@media (prefers-color-scheme: dark){.media-grid .grid-item img{background-color:#000}}.media-grid .grid-item img.mono{position:absolute;opacity:0;inset-block-start:0;inset-inline-start:0}.media-grid .grid-item small{display:block;margin-block-start:.75rem;font-weight:var(--font-weight-semi-bold);line-height:1}.media-grid a.grid-item:active{transform:var(--active)}@media only screen and (max-width: 640px){.design-repo-grid{grid-template-columns:1fr}}