.playground{isolation:isolate;background:radial-gradient(at 55% 57%,#34487626,#0000 65%);height:min(880px,100svh - 88px);min-height:660px;position:relative;overflow:hidden}.playground-world{z-index:0;position:absolute;inset:70px 0 72px}[data-exploration-world] canvas{-webkit-mask-image:linear-gradient(#0000 0,#000 76px calc(100% - 104px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 76px calc(100% - 104px),#0000 100%)}.playground-intro{z-index:2;pointer-events:none;width:fit-content;padding:28px 0 0 clamp(24px,4vw,64px);position:relative}.observatory[data-motion=on] .playground[data-ready=false] .playground-intro{opacity:0;transform:translateY(12px)}.observatory[data-motion=on] .playground[data-ready=true] .playground-intro{transition:opacity .55s ease-out,transform .55s ease-out}.playground-kicker{color:var(--obs-muted);align-items:center;gap:8px;display:flex}.playground-kicker span{background:var(--obs-accent);border-radius:50%;width:5px;height:5px}.playground-intro h1{letter-spacing:-.065em;margin:14px 0;font-size:clamp(42px,4.2vw,65px);font-weight:500;line-height:.97}.playground-intro h1 span{color:var(--obs-accent)}.playground-intro>p:not(.playground-kicker){color:var(--obs-muted);font-size:12px;line-height:1.75}.playground button{font-family:inherit}.playground-badge{color:var(--obs-accent);justify-content:end;gap:5px;font-size:10px;display:flex}.playground-bottom{z-index:3;justify-content:flex-end;align-items:center;gap:18px;display:flex;position:absolute;bottom:20px;left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px)}.playground-controls{z-index:3;color:#c8d5ce;background:linear-gradient(120deg,#27372bf2,#101b24f2);border-radius:10px;gap:8px;width:286px;padding:13px 16px;font-size:11px;display:grid;position:absolute;top:12px;right:clamp(24px,4vw,64px)}.playground:has([data-exploration-world] canvas:focus-visible) .playground-controls{background:linear-gradient(120deg,#3d5034f5,#172c2cf5)}.playground-controls strong{color:var(--obs-accent);align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:1.25;display:flex}.playground-control-shortcuts{justify-content:space-between;align-items:center;gap:12px;display:flex}.playground-control-shortcuts>span{white-space:nowrap;align-items:center;gap:6px;display:flex}.playground-controls svg{flex-shrink:0}.playground-controls kbd{font-family:var(--font-mono);color:var(--obs-ink);font-size:10px}.playground-control-shortcuts kbd{color:var(--obs-accent);background:#d9f99116;border-radius:4px;padding:3px 5px}.playground-controls>p{color:var(--obs-muted);margin:0;font-size:10px;line-height:1.4}.playground-controls>p>span{margin:0 3px}.playground-touch-hint{display:none}.playground-actions{gap:8px;display:flex}.playground-actions button{color:var(--obs-ink);background:#172423f5;border:0;border-radius:5px;align-items:center;gap:9px;padding:11px 14px;font-size:11px;display:flex}.playground-actions button:hover,.playground-actions button[aria-expanded=true]{color:var(--obs-accent);background:#23342df5}.playground-menu{z-index:7;overscroll-behavior:contain;backdrop-filter:blur(24px);background:#111e1df5;border-radius:10px;width:300px;max-width:calc(100% - 32px);max-height:min(520px,100% - 140px);padding:12px;position:absolute;bottom:75px;right:clamp(24px,4vw,64px);overflow-y:auto;box-shadow:0 16px 80px #0008}.playground-menu-heading{color:var(--obs-muted);justify-content:space-between;align-items:center;padding:3px 9px 10px;display:flex}.playground-menu-heading button,.playground-discovery-top button{color:var(--obs-muted);background:0 0;border:0;padding:5px;display:flex}.playground-menu>button{width:100%;color:var(--obs-ink);text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:12px;padding:11px 10px;font-size:12px;display:flex}.playground-menu>button:hover{background:#d9f99112}.playground-menu>button span:first-child{color:#8caa80}.playground-menu>button svg{color:var(--obs-accent);margin-left:auto}.playground-discovery{z-index:5;backdrop-filter:blur(24px);background:linear-gradient(140deg,#21312cf5,#101a1af5);border-radius:12px;width:350px;max-width:calc(100% - 40px);padding:20px;position:absolute;bottom:86px;right:clamp(24px,4vw,64px);box-shadow:0 16px 70px #0007}.playground-discovery-top{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.playground-discovery-top>span{color:var(--obs-accent);align-items:center;gap:7px;font-size:8px;display:flex}.playground-discovery h2{letter-spacing:-.05em;font-size:29px;font-weight:500}.playground-question{color:var(--obs-ink);font-size:13px;line-height:1.5;margin-top:8px!important}.playground-description{color:var(--obs-muted);font-size:11px;line-height:1.7;margin-top:9px!important}.playground-discovery-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:19px;display:flex}.playground-discovery-actions button{color:var(--obs-ink);background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-size:10px;display:flex}.playground-discovery-actions .playground-primary{background:var(--obs-accent);color:#14201a;border-radius:4px;padding:11px 13px;font-weight:600}a.playground-primary{align-items:center;gap:8px;font-size:10px;display:flex}.playground-discovery-top>.playground-private{color:#e9c77a}.playground-secret-note{color:#ffb38f;font-family:var(--font-mono);letter-spacing:.04em;font-size:10px;margin:-4px 0 10px!important}.playground-menu-private{color:var(--obs-muted);font-style:normal}.playground-stats{color:var(--obs-muted);flex-wrap:wrap;gap:6px 14px;display:flex;margin-top:12px!important}.playground-stats .playground-stars{color:#f3d27f}.playground-return{z-index:40;opacity:0;pointer-events:none;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;transition:opacity .45s,transform .45s cubic-bezier(.2,.9,.3,1.4);display:grid;position:fixed;top:22px;right:clamp(24px,4vw,64px);transform:scale(.4)}.playground-return[data-visible=true]{opacity:1;pointer-events:auto;transform:scale(1)}.playground-return span{background:var(--obs-accent);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);width:18px;height:18px;filter:drop-shadow(0 0 6px var(--obs-accent))}.playground-return:hover span,.playground-return:focus-visible span{transition:transform .3s;transform:scale(1.25)rotate(45deg)}.observatory[data-motion=on] .playground-return[data-visible=true] span{animation:3.2s ease-in-out infinite playground-return-twinkle}@keyframes playground-return-twinkle{0%,to{opacity:1}50%{opacity:.55}}.playground-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.playground-loading{height:100%;color:var(--obs-muted);font-family:var(--font-mono);place-items:center;font-size:12px;display:grid}.playground-challenge-loading{z-index:200;background:#0a1012ef;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.obs-content-focus{outline:none}@media (width<=700px){.playground{height:930px;min-height:0}.playground-intro{padding:25px 24px 0}.playground-intro h1{margin-top:13px;font-size:46px}.playground-intro>p:not(.playground-kicker){font-size:11px}.playground-kicker{font-size:8px}.playground-world{inset:245px 0 112px}.playground-bottom{flex-direction:column;align-items:stretch;gap:10px;bottom:16px;left:24px;right:24px}.playground-controls{gap:9px;width:fit-content;min-width:270px;max-width:calc(100% - 48px);margin:18px 24px 0;padding:13px 14px;position:relative;top:auto;right:auto}.playground-actions{justify-content:center}.playground-actions button{white-space:nowrap;gap:7px;padding:11px 10px;font-size:10px}.playground-actions button svg{flex-shrink:0}.playground-menu{bottom:110px;right:20px}.playground-discovery{padding:18px;bottom:115px;right:20px}}@media (pointer:coarse){.playground-orbit-hint{display:none}.playground-touch-hint{display:inline}}@media (width<=370px){.playground-intro h1{font-size:41px}.playground-intro{padding-left:20px}.playground-controls{width:calc(100% - 40px);min-width:0;max-width:none;margin-left:20px;margin-right:20px}}.playground-logbook{color:var(--obs-muted);letter-spacing:.1em;align-items:center;gap:9px;margin-right:auto;font-size:9px;display:flex}.playground-logbook-bar{background:#ffffff1a;border-radius:3px;width:64px;height:3px;overflow:hidden}.playground-logbook-bar i{border-radius:inherit;background:var(--obs-accent);height:100%;transition:width .6s;display:block}.playground-logbook[data-complete=true]{color:var(--obs-accent)}.playground-intro .playground-clock{max-width:255px;color:var(--obs-muted);letter-spacing:.05em;align-items:baseline;gap:8px;font-size:9px;line-height:1.6;display:flex;margin-top:14px!important}.playground-clock>span:first-child{background:#f3d27f;border-radius:50%;flex:none;width:6px;height:6px;transform:translateY(-1px);box-shadow:0 0 8px #f3d27f}.playground-clock[data-night=true]>span:first-child{background:#b9c6ff;box-shadow:0 0 8px #b9c6ff}.playground-toast{z-index:8;color:#dff2ff;letter-spacing:.06em;white-space:nowrap;opacity:0;pointer-events:none;background:#070e10eb;border-radius:999px;margin:0;padding:9px 14px;font-size:10px;transition:opacity .35s,transform .35s;position:absolute;bottom:84px;left:50%;transform:translate(-50%,8px)}.playground-toast[data-visible=true]{opacity:1;transform:translate(-50%)}.playground-count-charted{display:none}@media (width<=700px){.playground-logbook,.playground-count-total{display:none}.playground-count-charted{display:inline}.playground-clock-mood{display:none}.playground-intro .playground-clock{margin-top:8px!important}.playground-toast{white-space:normal;text-align:center;border-radius:12px;width:calc(100% - 32px);position:fixed;bottom:64px}}.playground-actions .playground-tour-button{color:var(--obs-accent)}.playground-actions .playground-tour-button[aria-pressed=true]{background:#23342df5}.playground-tour-length{color:var(--obs-muted)}.playground-tour-progress{background:#ffffff14;border-radius:2px;height:2px;margin:-4px 0 14px;display:block;overflow:hidden}.playground-tour-progress i{background:var(--obs-accent);transform-origin:0;height:100%;animation:linear forwards paused playground-tour-dwell;display:block}.playground-tour-progress[data-running=true] i{animation-play-state:running}@keyframes playground-tour-dwell{0%{transform:scaleX(0)}}.playground-tour-status{z-index:8;color:var(--obs-accent);letter-spacing:.06em;white-space:nowrap;background:#070e10eb;border-radius:999px;align-items:center;gap:12px;padding:6px 6px 6px 14px;font-size:10px;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.playground-tour-heading{color:#dff2ff;letter-spacing:.02em}.playground-tour-status button{color:var(--obs-muted);letter-spacing:.06em;background:#ffffff12;border:0;border-radius:999px;padding:5px 10px;font-size:9px}.playground-tour-status button:hover{color:var(--obs-ink)}.playground-tour-short{display:none}@media (width<=700px){.playground-tour-full,.playground-motion-label{display:none}.playground-tour-short{display:inline}.playground-tour-status{position:fixed;bottom:64px}}.command-palette{border:1px solid var(--obs-line);background:color-mix(in srgb, var(--obs-surface), transparent 4%);width:min(560px,100% - 32px);max-width:none;max-height:min(520px,100svh - 120px);color:var(--obs-ink);border-radius:14px;margin:12vh auto auto;padding:0;font-family:Space Grotesk,sans-serif;overflow:hidden;box-shadow:0 30px 90px #000a}.command-palette::backdrop{backdrop-filter:blur(3px);background:#02050bb3}.command-palette[open]{display:flex}.command-palette-body{flex-direction:column;width:100%;min-height:0;display:flex}.command-palette-search{border-bottom:1px solid var(--obs-line);color:var(--obs-muted);align-items:center;gap:12px;padding:16px 18px;display:flex}.command-palette-search input{min-width:0;color:var(--obs-ink);background:0 0;border:0;outline:none;flex:1;font:400 15px/1.4 Space Grotesk,sans-serif}.command-palette-search input::placeholder{color:var(--obs-muted);opacity:.75}.command-palette kbd{min-width:18px;color:var(--obs-muted);font-family:var(--font-mono);background:#ffffff10;border-radius:4px;justify-content:center;align-items:center;padding:2px 5px;font-size:9px;display:inline-flex}.command-palette-list{overscroll-behavior:contain;flex:1;min-height:0;margin:0;padding:6px 8px 8px;list-style:none;overflow-y:auto}.command-palette-group{color:var(--obs-muted);padding:12px 10px 5px;font-size:9px}.command-palette-item{cursor:pointer;border-radius:7px;align-items:center;gap:12px;padding:9px 10px;font-size:13px;display:flex}.command-palette-item[aria-selected=true]{background:color-mix(in srgb, var(--obs-accent), transparent 88%)}.command-palette-item[aria-selected=true] .command-palette-icon{color:var(--obs-accent)}.command-palette-icon{width:16px;color:var(--obs-muted);flex-shrink:0;place-items:center;display:grid}.command-palette-label{white-space:nowrap}.command-palette-hint{color:var(--obs-muted);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:11px;overflow:hidden}.command-palette-tag{color:var(--obs-muted);opacity:.8;flex-shrink:0;margin-left:auto;font-size:8px}.command-palette-hint+.command-palette-tag{margin-left:0}.command-palette-empty{color:var(--obs-muted);text-align:center;padding:26px 10px;font-size:12px}.command-palette-footer{border-top:1px solid var(--obs-line);color:var(--obs-muted);gap:16px;margin:0;padding:10px 18px;font-size:9px;display:flex}.command-palette-footer span{align-items:center;gap:4px;display:flex}.observatory[data-motion=on] .command-palette[open]{animation:.16s ease-out command-palette-in}@keyframes command-palette-in{0%{opacity:0;transform:translateY(-6px)scale(.985)}}@media (width<=700px){.command-palette{max-height:calc(100svh - 150px);margin-top:72px}.command-palette-footer,.command-palette-search kbd,.command-palette-hint{display:none}.command-palette-item{padding:12px 10px}}.obs-command-trigger{border:1px solid var(--obs-line);color:var(--obs-muted);background:0 0;border-radius:7px;align-items:center;gap:8px;padding:7px 9px;display:flex}.obs-command-trigger:hover{color:var(--obs-ink)}.obs-command-trigger kbd{font-family:var(--font-mono);letter-spacing:.04em;font-size:9px}@media (pointer:coarse){.obs-command-trigger kbd{display:none}.obs-command-trigger{justify-content:center;min-width:44px;min-height:44px}}.obs-starfield{pointer-events:none;user-select:none;opacity:.95;position:absolute;inset:0;overflow:hidden}.obs-starfield__veil{opacity:.5;background:radial-gradient(ellipse at 72% 15%, color-mix(in srgb, var(--obs-accent), transparent 94%), transparent 33%), radial-gradient(ellipse at 18% 64%, color-mix(in srgb, var(--obs-glow), transparent 95%), transparent 31%);position:absolute;inset:0}.obs-starfield__texture{opacity:.9;background:url(/starfield-sparse.svg) 7% 11%/1200px 1200px;position:absolute;inset:0}.obs-starfield__texture:after{content:"";clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:var(--obs-accent);opacity:.8;width:8px;height:8px;position:absolute;top:6%;left:45%}.obs-starfield.is-moving .obs-starfield__texture:after{animation:4.6s ease-in-out -1.8s infinite obs-star-twinkle}@keyframes obs-star-twinkle{0%,to{opacity:.1}35%{opacity:.3}50%,57%{opacity:.9}76%{opacity:.22}}.obs-starfield--universe{opacity:1;height:min(1050px,125svh);inset:0 0 auto;mask-image:linear-gradient(#000 78%,#0000)}.obs-starfield--universe .obs-starfield__veil{display:none}.obs-starfield--universe .obs-starfield__texture{opacity:.48;background-image:url(/starfield-dense.svg);background-position:13% 7%;background-size:680px 560px}.obs-starfield--universe .obs-starfield__texture:after{background:#e7efff;top:14%;left:58%}.obs-cosmic-clouds{background:linear-gradient(180deg, color-mix(in srgb, var(--obs-bg) 72%, transparent) 0%, color-mix(in srgb, var(--obs-bg) 14%, transparent) 34%, color-mix(in srgb, var(--obs-bg) 20%, transparent) 64%, color-mix(in srgb, var(--obs-bg) 90%, transparent) 100%), linear-gradient(90deg, color-mix(in srgb, var(--obs-bg) 76%, transparent) 0%, color-mix(in srgb, var(--obs-bg) 28%, transparent) 35%, color-mix(in srgb, var(--obs-bg) 12%, transparent) 72%, color-mix(in srgb, var(--obs-bg) 25%, transparent) 100%), url(/backgrounds/nebula.webp) center 44% / cover no-repeat;opacity:.64;position:absolute;inset:0}.obs-starfield--map{opacity:1;inset:4% 2%}.obs-starfield--map .obs-starfield__veil{display:none}.obs-starfield--map .obs-starfield__texture{opacity:.84;background-image:url(/starfield-dense.svg);background-size:820px 680px}@media (width<=700px){.obs-starfield__veil{opacity:.36}.obs-starfield--universe .obs-starfield__texture{background-size:760px 625px}.obs-cosmic-clouds{background:linear-gradient(180deg, color-mix(in srgb, var(--obs-bg) 93%, transparent) 0%, color-mix(in srgb, var(--obs-bg) 65%, transparent) 28%, color-mix(in srgb, var(--obs-bg) 15%, transparent) 49%, color-mix(in srgb, var(--obs-bg) 40%, transparent) 78%, color-mix(in srgb, var(--obs-bg) 90%, transparent) 100%), url(/backgrounds/nebula-mobile.webp) 57% center / auto 100% no-repeat;opacity:.58}}.obs-meteors{z-index:0;pointer-events:none;user-select:none;height:min(1000px,110svh);position:absolute;inset:0 0 auto;overflow:hidden;mask-image:linear-gradient(#000 80%,#0000)}.obs-meteor{left:var(--meteor-x);top:var(--meteor-y);opacity:0;width:1px;height:1px;position:absolute}.obs-meteor i{width:var(--meteor-length);transform-origin:0;background:linear-gradient(90deg,#f5fff6,#bfe7df 9%,#a9c8b666 35%,#0000);border-radius:100%;height:1.5px;position:absolute;transform:rotate(-33deg);box-shadow:0 0 7px #bdebdc33}.obs-meteor i:before{content:"";background:#f5fff6;border-radius:50%;width:3px;height:3px;position:absolute;top:-1px;left:-1px;box-shadow:0 0 5px #f5fff6,0 0 13px #bbeada88}.obs-meteors.is-active .obs-meteor{animation:obs-meteor-flight var(--meteor-duration) var(--meteor-delay) linear infinite}@keyframes obs-meteor-flight{0%{opacity:0;transform:translate(90px,-58px)}2%{opacity:.75}13%{opacity:.55}21%,to{opacity:0;transform:translate(-600px,390px)}}@media (width<=700px){.obs-meteor i{width:calc(var(--meteor-length) * .65);height:1px}.obs-meteor:nth-child(n+7){display:none}}.obs-open-source{grid-template-columns:minmax(190px,.8fr) minmax(0,2fr);align-items:start;gap:clamp(28px,4vw,64px);padding:48px clamp(24px,4vw,64px) 44px;scroll-margin-top:80px;display:grid}.obs-open-source:focus{outline:none}.obs-open-source-heading{padding-top:2px}.obs-open-source .obs-note-label{color:var(--obs-muted);margin-bottom:12px}.obs-open-source h2{letter-spacing:-.055em;font-size:clamp(28px,3vw,38px);font-weight:400;line-height:1.12}.obs-open-source h2 span{color:var(--obs-accent);display:block}.obs-contribution-list{gap:24px;display:grid}.obs-contribution-row{grid-template-columns:20px minmax(0,1fr);gap:16px;display:grid}.obs-contribution-row>svg{color:var(--obs-accent);margin-top:1px}.obs-contribution-meta{color:var(--obs-muted);letter-spacing:.025em;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font-size:10px;display:flex}.obs-contribution-role{color:var(--obs-accent);text-transform:uppercase;letter-spacing:.08em}.obs-contribution-row h3{color:var(--obs-ink);letter-spacing:-.035em;margin:5px 0;font-size:22px;font-weight:500;line-height:1.25}.obs-contribution-row p{color:var(--obs-muted);font-size:14px;line-height:1.65}.obs-contribution-actions{flex-wrap:wrap;align-items:center;gap:0 20px;margin-top:3px;display:flex}.obs-contribution-actions a{min-height:44px;color:var(--obs-accent);align-items:center;gap:7px;font-size:12px;display:inline-flex}.obs-contribution-actions .obs-contribution-secondary{color:var(--obs-muted)}.obs-contribution-actions a:hover{color:var(--obs-ink)}.obs-contribution-actions a:focus-visible{outline:2px solid var(--obs-accent);outline-offset:4px;border-radius:2px}.observatory[data-motion=on] .obs-open-source:not([data-revealed=true]) .obs-open-source-heading,.observatory[data-motion=on] .obs-open-source:not([data-revealed=true]) .obs-contribution-row{opacity:0;transform:translateY(10px)}.observatory[data-motion=on] .obs-open-source[data-revealed=true] .obs-open-source-heading,.observatory[data-motion=on] .obs-open-source[data-revealed=true] .obs-contribution-row{transition:opacity .4s ease-out,transform .4s ease-out}.observatory[data-motion=on] .obs-contribution-row:nth-child(2){transition-delay:60ms}.observatory[data-motion=on] .obs-contribution-actions a svg{transition:transform .16s ease-out}.observatory[data-motion=on] .obs-contribution-actions a:hover svg,.observatory[data-motion=on] .obs-contribution-actions a:focus-visible svg{transform:translate(2px,-2px)}@media (width<=700px){.obs-open-source{grid-template-columns:1fr;gap:28px;padding-block:36px 28px}.obs-open-source h2{font-size:30px}.obs-open-source h2 span{display:inline}.obs-contribution-list{gap:20px}.obs-contribution-row{gap:12px}.obs-contribution-meta{gap:4px 10px}}.project-ripple-image{width:100%;display:block;position:relative}.project-ripple-image>img{width:100%;height:100%;display:block}.project-ripple-image__canvas{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .22s;display:block;position:absolute;inset:0}.project-ripple-image[data-ripple-state=active]>.project-ripple-image__canvas{opacity:1}@media (prefers-reduced-motion:reduce){.project-ripple-image__canvas{transition:none}}.project-panel{color:#e9efe9;transform-origin:50%;background:#11191b;border:0;border-radius:14px;width:min(840px,100vw - 64px);max-width:none;height:min(660px,100svh - 64px);max-height:none;margin:auto;padding:0;font-family:IBM Plex Mono,monospace;position:fixed;inset:0;overflow:hidden;box-shadow:0 24px 68px #0009}.project-panel[data-phase=closing]{pointer-events:none}.project-panel[data-dialog-motion=on][data-phase=opening]::backdrop{animation:.28s both project-backdrop-enter}.project-panel[data-dialog-motion=on][data-phase=closing]::backdrop{animation:.18s reverse both project-backdrop-enter}@keyframes project-backdrop-enter{0%{opacity:0}to{opacity:1}}.project-panel::backdrop{background:#02050ca8}.project-panel button:focus-visible,.project-panel a:focus-visible{outline:2px solid var(--obs-accent,#d9f991);outline-offset:4px}.project-terminal{background:#11191b;grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid}.project-terminal__bar{color:#9caeaa;background:#202a2b;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;min-height:52px;padding:0 14px;font-size:11px;display:grid}.project-terminal__lights{align-items:center;gap:8px;display:flex}.project-terminal__close{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;margin-left:-14px;margin-right:-16px;padding:0;display:grid}.project-terminal__close span,.project-terminal__light{border-radius:50%;width:11px;height:11px}.project-terminal__close span{background:#ec7779;transition:transform .18s,background .18s}.project-terminal__close:hover span{background:#ff9696;transform:scale(1.25)}.project-terminal__light--yellow{background:#d1ad66}.project-terminal__light--green{background:#76b591}.project-terminal__path{color:#d2ded7;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.project-terminal__file{justify-self:end}.project-terminal__body{overscroll-behavior:contain;scrollbar-color:#50615d transparent;min-height:0;padding:26px clamp(28px,5vw,48px) 20px;overflow-y:auto}.project-terminal .project-terminal__command{color:#c8d4ce;margin:0 0 25px;font-size:12px;line-height:1.5}.project-terminal__command span:first-child{color:#a9cf97}.project-terminal__command span:nth-child(2){color:#8ca4a0}.project-terminal__intro{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;gap:22px;display:grid}.project-terminal__intro>div{min-width:0}.project-terminal .project-terminal__eyebrow{color:#8ea19a;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:10px}.project-terminal__intro h2{color:#f1f6ee;letter-spacing:-.07em;overflow-wrap:anywhere;margin:0;font-size:clamp(38px,5vw,58px);font-weight:500;line-height:1}.project-terminal__intro h2.project-terminal__name--medium{font-size:clamp(28px,3.5vw,36px)}.project-terminal__intro h2.project-terminal__name--long{font-size:clamp(29px,3.7vw,40px)}.project-terminal .project-terminal__tagline{color:#d9f991;margin:10px 0 0;font-size:14px;line-height:1.45}.project-terminal__description{color:#c2d0cb;max-width:440px;margin:0;font-size:12px;line-height:1.7}.project-terminal__keywords{align-items:baseline;gap:20px;margin:24px 0 23px;font-size:11px;line-height:1.6;display:flex}.project-terminal__keywords-label{color:#8ea19a;flex:none}.project-terminal__keywords>div{color:#dce6df;flex-wrap:wrap;gap:3px 0;display:flex}.project-terminal__keywords>div span:not(:last-child):after{content:" / ";white-space:pre;color:#73857d}.project-terminal__gallery{gap:16px;display:grid}.project-terminal__preview{background:#0b111a;border-radius:5px;margin:0;overflow:hidden}.project-terminal__preview img{width:100%;height:auto;display:block}.project-terminal__preview figcaption{color:#a8bab3;gap:4px;padding:9px 12px 10px;font-size:10px;line-height:1.4;display:grid}.project-terminal__preview figcaption span+span{color:#80958d}.project-terminal__footer{color:#93a7a0;background:#1a2425;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:8px clamp(28px,5vw,48px);font-size:11px;display:flex}.project-terminal__links{flex-wrap:wrap;gap:6px 24px;display:flex}.project-terminal__footer a{color:#d9f991;white-space:nowrap;align-items:center;gap:8px;min-height:44px;text-decoration:none;display:inline-flex}.project-terminal__footer a:hover{color:#f0ffcb}.project-terminal__footer a span{font-size:18px}.project-terminal__hint{flex:none}@media (width<=700px){.project-panel{width:calc(100vw - 24px);height:min(660px,100svh - 24px)}.project-terminal__bar{grid-template-columns:auto minmax(0,1fr);gap:12px}.project-terminal__path{justify-self:end;max-width:100%;font-size:10px}.project-terminal__file{display:none}.project-terminal__body{padding:22px 22px 18px}.project-terminal__intro{grid-template-columns:1fr;align-items:start;gap:16px}.project-terminal__description{font-size:12px}.project-terminal__keywords{margin:20px 0}.project-terminal__footer{padding-inline:22px}}@media (width<=390px){.project-terminal__path{font-size:9px}.project-terminal__hint{display:none}}@media (prefers-reduced-motion:reduce){.project-panel,.project-panel *,.project-panel :before,.project-panel :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}