:root{--font-editorial:var(--font-pp-editorial)}html,body{background:var(--background);min-height:100%;color:var(--foreground)}body{font-family:var(--font-open-runde),sans-serif;-webkit-font-smoothing:antialiased}img{-webkit-user-drag:none}button,a,[role=slider]{-webkit-tap-highlight-color:transparent}button:not(:disabled),[role=button]{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.font-editorial{font-family:var(--font-pp-editorial),serif}.reference-button-group{align-items:stretch;width:fit-content;display:flex}.reference-button-group>[data-slot=button]{border-radius:0}.reference-button-group>[data-slot=button]:first-child{border-radius:999px 0 0 999px}.reference-button-group>[data-slot=button]:last-child{border-radius:0 999px 999px 0}.reference-button-group>[data-slot=button]:only-child{border-radius:999px}.dark .reference-button-group>[data-slot=button]{background:#121212;background:lab(5.26802% 0 0)}.dark .reference-button-group>[data-slot=button]:hover{background:#181818;background:lab(8.36% -.00000745058 0)}.music-island-position{pointer-events:auto;position:fixed;top:12px;left:50%;transform:translate(-50%)}.detail-content{font-size:15px;line-height:1.8}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important}}.drawer-action{justify-content:center;align-items:center;gap:6px;width:100%;height:52px;font-size:15px;transition:background .15s;display:flex}.drawer-action:active{background:var(--muted)}.code-wrapped,.code-wrapped code{overflow-wrap:anywhere;white-space:pre-wrap!important}button[data-copied=true]{color:#22a06b!important}.code-modal{z-index:100;background:var(--background);border:1px solid var(--border);border-radius:18px;flex-direction:column;display:flex;position:fixed;inset:20px;overflow:hidden;box-shadow:0 0 0 100vmax #0009}.code-modal-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;font-size:13px;display:flex}.code-modal-toolbar>div{gap:20px;display:flex}.code-modal pre{padding:24px;font-size:13px;line-height:1.8;overflow:auto}.reading-island{z-index:45;font-size:13px;position:fixed;top:12px;left:50%;transform:translate(-50%)}.reading-island>button{background:var(--background);border:1px solid var(--border);border-radius:99px;align-items:center;gap:10px;padding:9px 13px;display:flex;box-shadow:0 3px 16px #0001}.reading-menu{background:var(--background);border:1px solid var(--border);border-radius:16px;width:min(320px,90vw);max-height:60svh;padding:8px;position:absolute;top:48px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 10px 40px #0002}.reading-menu>a,.reading-menu>button{text-align:left;border-radius:8px;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:12px;display:flex}.reading-menu>a:hover,.reading-menu>button:hover{background:var(--muted)}.reference-button-group[data-merged=true]>[data-slot=button]{background-clip:border-box}.reference-button-group>[data-slot=button]+[data-slot=button]{border-left-width:0}.project-media{isolation:isolate;aspect-ratio:16/9;background:var(--muted);width:100%;min-height:200px;position:relative;overflow:hidden}.project-media>video,.project-youtube-frame,.project-youtube-frame>iframe,.project-media-poster{border:0;width:100%;height:100%;position:absolute;inset:0}.project-youtube-frame{overflow:hidden}.project-youtube-frame>iframe{pointer-events:none;height:calc(100% + 192px);top:-96px}.project-media>video,.project-media-poster{object-fit:contain}.project-media-poster{z-index:1;pointer-events:none;background:var(--muted);transition:opacity .18s}.project-youtube-poster{background:#fff;overflow:hidden}.project-youtube-poster>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-youtube-poster-preview>img{top:-23%}.project-card-description{color:var(--muted-foreground);letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.project-media-fallback{z-index:2;background:var(--background);justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.project-tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.project-tags>span{border:1px solid var(--border);color:var(--muted-foreground);border-radius:8px;padding:5px 9px;font-size:12px}.project-feature-list{color:var(--muted-foreground);margin:20px 0;padding-left:20px;font-size:15px;line-height:1.8;list-style:outside}.project-feature-list>li+li{margin-top:8px}.app-summary{display:flow-root}.app-summary-metrics{float:right;flex-direction:column;align-items:flex-end;margin:4px 0 0 24px;display:flex}