@font-face{font-family:Lab;src:url(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.woff2)format("woff2");font-weight:300 700;font-display:swap}:root{color-scheme:dark;--bg:#111310;--panel:#191c17;--ink:#eff1e9;--muted:#a1a79a;--line:#30352c;--accent:#c6f36b;--accent-ink:#17200c;--art:#1c2318;background:var(--bg);color:var(--ink);scroll-behavior:smooth;font-family:Lab,Segoe UI,Malgun Gothic,sans-serif}:root[data-theme=light]{color-scheme:light;--bg:#f5f5ed;--panel:#fffef7;--ink:#22271c;--muted:#656d5a;--line:#d8dcce;--accent:#c6f36b;--accent-ink:#17200c;--art:#e5eadb}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}::selection{background:var(--accent);color:#17200c}.wrap{width:min(1200px,100% - 96px);margin-inline:auto}.eyebrow{letter-spacing:1.6px;color:var(--muted);margin:0;font-family:Lab,monospace;font-size:10px;font-weight:500}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:44px;height:104px;display:flex}.brand{letter-spacing:-.9px;align-items:center;gap:12px;font-size:22px;font-weight:500;display:flex}.brand b{color:var(--muted);font-weight:400}.brand sup{vertical-align:top;margin-left:5px;font-size:9px}.brand-mark{background:var(--accent);color:#171d11;letter-spacing:-7px;border-radius:9px;place-content:center;width:35px;height:35px;padding-right:6px;font-size:32px;font-weight:700;line-height:1;display:grid}.brand-mark span{display:none}.topbar nav{gap:35px;margin-left:auto;font-size:12px;display:flex}.nav-active{color:var(--ink)}nav a:not(.nav-active){color:var(--muted)}nav a span{vertical-align:top;color:var(--muted);margin-left:4px;font-size:9px}.theme-button{border:1px solid var(--line);background:0 0;border-radius:50%;width:36px;height:36px;font-size:23px;line-height:1}.hero{grid-template-columns:1.55fr 1fr;align-items:center;gap:30px;padding:65px 0 57px;display:grid}.hero .eyebrow{align-items:center;gap:10px;display:flex}.tiny-cross{color:var(--accent);font-size:19px}h1{letter-spacing:-4px;margin:24px 0;font-size:clamp(48px,5.8vw,78px);font-weight:500;line-height:1.06}h1>span:not(.title-dot){color:var(--accent)}[data-theme=light] h1>span:not(.title-dot){color:#5e781f}.title-dot{vertical-align:top;font-size:45px;font-weight:400;display:inline-block;transform:translate(18px,5px)}.hero-description{color:var(--muted);margin:0;font-size:14px;line-height:1.9}.mobile-break{display:none}.lab-art{place-items:center;width:100%;height:250px;display:grid;position:relative;overflow:hidden}.art-grid{background-image:radial-gradient(var(--muted) .65px,transparent .65px);opacity:.3;background-size:18px 18px;position:absolute;inset:0;mask-image:radial-gradient(#000 15%,#0000 69%)}.orbit{border:1px solid #788c5766;border-radius:50%;width:270px;height:100px;position:absolute;transform:rotate(-32deg)}.orbit-two{width:260px;height:110px;transform:rotate(40deg)}.art-core{background:var(--accent);color:#1a2510;letter-spacing:-12px;border-radius:26px;place-content:center;width:112px;height:112px;padding-right:15px;font-size:77px;font-weight:600;line-height:1;display:grid;transform:rotate(-12deg);box-shadow:10px 11px #89a64d22}.art-core span{font-size:45px;position:absolute;bottom:20px;right:13px}.art-label{letter-spacing:1.5px;color:var(--muted);font-family:monospace;font-size:9px;position:absolute}.label-top{top:16px;right:16px}.label-bottom{bottom:14px;left:30px}.art-plus{color:var(--accent);font-size:28px;position:absolute;top:42px;left:34px}.section-top{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.section-top h2{letter-spacing:-.9px;margin:10px 0 0;font-size:22px;font-weight:550}.count{color:var(--muted);letter-spacing:0;vertical-align:top;margin-left:11px;font-size:11px;font-weight:400}.search{border:1px solid var(--line);width:230px;height:40px;color:var(--muted);background:var(--panel);border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.search>span{font-size:24px}.search input{width:100%;min-width:0;color:var(--ink);outline-offset:0;background:0 0;border:0;font-size:12px}.search input::placeholder{color:var(--muted)}kbd{border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:11px}.collection-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:22px 0 18px;padding-bottom:14px;display:flex}.filters{gap:6px;display:flex}.filters button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:7px 12px;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.filters button span{opacity:.65;margin-left:5px;font-size:10px}.toolbar-note{color:var(--muted);font-size:11px}.cards{flex-wrap:wrap;gap:22px;display:flex}.project-card{border:1px solid var(--line);background:var(--panel);border-radius:13px;flex:0 0 calc(50% - 11px);transition:transform .2s,border-color .2s;overflow:hidden}.project-card:hover{border-color:#83916f;transform:translateY(-3px)}.card-visual{border-bottom:1px solid var(--line);height:215px;padding:17px 22px;position:relative;overflow:hidden}.chat .card-visual{background:#202b27 radial-gradient(at 80% 110%,#3d64534d,#0000 70%)}.guestbook .card-visual{background:#302d37 radial-gradient(at 20% 110%,#5d4d704d,#0000 70%)}.visual-top{letter-spacing:1.4px;color:#b5c0b6;justify-content:space-between;font-family:Lab,monospace;font-size:9px;display:flex}.guestbook .visual-top{color:#cbc0d5}.terminal-preview{background:#141c18;border:1px solid #576a584a;border-radius:8px 8px 0 0;width:80%;transition:transform .25s;position:absolute;top:48px;left:10%;transform:rotate(-3deg);box-shadow:0 10px 40px #0005}.project-card:hover .terminal-preview{transform:rotate(-1deg)translateY(-3px)}.terminal-title{border-bottom:1px solid #ffffff12;align-items:center;gap:5px;padding:11px;display:flex}.terminal-title i{background:#6b7769;border-radius:50%;width:5px;height:5px}.terminal-title i:first-child{background:#bedc8b}.terminal-title span{color:#8b9e91;margin-left:12px;font:9px monospace}.terminal-code{color:#c1ccbd;padding:10px 15px 16px;font:11px/1.65 Consolas,monospace}.terminal-code p{white-space:nowrap;margin:0}.terminal-code p>span{color:#526255;padding-right:13px;font-size:9px}.terminal-code em{color:#c3a4d9;font-style:normal}.terminal-code b{color:#b6dba3;font-weight:400}.terminal-code strong{color:#d2c196;font-weight:400}.terminal-code .code-comment{color:#99ab8b}.cursor{vertical-align:middle;background:#c6f36b;width:6px;height:11px;display:inline-block}.note-preview{width:100%;height:180px;margin-top:12px;position:relative}.paper{border-radius:3px;width:228px;height:158px;position:absolute;top:5px;left:50%}.paper-back{background:#a99abd;top:16px;transform:translate(-50%)rotate(-11deg)}.paper-front{color:#49404f;background:#e5e0eb repeating-linear-gradient(#0000,#0000 25px,#5841660d 26px);padding:17px 20px;transform:translate(-45%)rotate(5deg);box-shadow:0 5px 24px #0003}.paper-heading{justify-content:space-between;font-size:10px;display:flex}.paper p{margin:11px 0;font-size:12px;line-height:1.75}.paper b{font-weight:500}.paper-sign{color:#796b83;font-size:8px}.note-star{color:#c9f26f;text-shadow:2px 3px #302d37;font-size:65px;position:absolute;top:50px;right:18%;transform:rotate(15deg)}.card-content{padding:24px}.card-heading{justify-content:space-between;align-items:center;display:flex}.access{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.access:before{content:"";background:var(--muted);border-radius:50%;width:4px;height:4px}h3{letter-spacing:-.8px;margin:9px 0 0;font-size:25px;font-weight:500}.favorite{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:0 0;border-radius:50%;font-size:22px}.favorite[aria-pressed=true]{color:var(--accent);background:var(--art);border-color:#74874d}[data-theme=light] .favorite[aria-pressed=true]{color:#4d6c19}.card-description{color:var(--muted);margin:12px 0 18px;font-size:13px;line-height:1.7}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:4px 7px;font:10px Lab,monospace}.card-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:24px;padding-top:17px;display:flex}.details-button{color:var(--muted);background:0 0;border:0;padding:8px 0;font-size:12px}.details-button span{margin-left:8px}.details-button:hover{color:var(--ink)}.launch{background:var(--accent);color:var(--accent-ink);border:0;border-radius:6px;justify-content:center;align-items:center;gap:27px;padding:10px 17px;font-size:12px;font-weight:600;display:inline-flex}.launch:hover{filter:brightness(1.07)}.storage-note{color:var(--muted);text-align:right;margin:16px 0 0;font-size:10px}.about{border-top:1px solid var(--line);grid-template-columns:55px 1fr 1.1fr;align-items:start;gap:24px;margin:64px 0 55px;padding-top:35px;display:grid}.about-symbol{color:var(--accent);font-size:48px;line-height:1}.about h2{letter-spacing:-1px;margin:12px 0 0;font-size:24px;font-weight:500;line-height:1.55}.about .eyebrow{letter-spacing:1px;font-size:9px}.about-copy{color:var(--muted);font-size:12px;line-height:1.9}.about-copy p{margin:0 0 11px}.about-copy a{color:var(--ink);border-bottom:1px solid var(--muted);margin-top:4px;padding-bottom:2px;display:inline-block}.about-copy a span{margin-left:25px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding-block:23px 28px;font-size:10px;display:flex}footer a{letter-spacing:1px;font-size:9px}.footer-accent{color:var(--ink);margin-left:5px}.empty{text-align:center;border:1px dashed var(--line);border-radius:12px;padding:65px 20px}.empty>span{color:var(--muted);font:32px monospace}.empty h3{margin:20px 0 12px;font-size:18px}.empty p{color:var(--muted);font-size:13px}.empty button{background:var(--accent);color:var(--accent-ink);border:0;border-radius:6px;margin-top:12px;padding:10px 15px;font-size:12px}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:18px;width:min(520px,100% - 32px);max-height:calc(100dvh - 40px);padding:30px;box-shadow:0 20px 100px #0006}dialog::backdrop{backdrop-filter:blur(7px);background:#080b08c9}.dialog-top{justify-content:space-between;align-items:center;display:flex}.close-dialog{border:1px solid var(--line);background:0 0;border-radius:50%;width:34px;height:34px;font-size:26px}.dialog-label{color:var(--muted);margin-top:28px;font:12px Lab,monospace}dialog h2{letter-spacing:-1.5px;margin:8px 0 20px;font-size:34px;font-weight:500}.story{color:var(--muted);font-size:14px;line-height:1.9}dialog ul{padding:15px 0;font-size:13px;line-height:2.3;list-style:none}dialog li:before{content:"↳";color:var(--muted);margin-right:10px}.detail-note{background:var(--bg);color:var(--muted);border-radius:8px;margin-bottom:24px;padding:15px;font-size:12px;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}.skip{background:var(--accent);color:var(--accent-ink);z-index:20;padding:12px;position:fixed;top:-100px;left:20px}.skip:focus{top:10px}@media (width>=1450px){.hero{padding-block:70px}.card-visual{height:230px}.terminal-preview{top:58px}.note-preview{margin-top:22px}}@media (width<=900px){.wrap{width:calc(100% - 48px)}.topbar{height:85px}.hero{padding:45px 0}.hero .eyebrow{letter-spacing:1px;font-size:8px}.hero-description{font-size:12px}h1{letter-spacing:-3px}.lab-art{height:210px}.art-label{font-size:7px}.label-bottom{left:10px}.orbit{width:210px}.orbit-two{width:190px}.art-core{width:90px;height:90px;font-size:64px}.art-core span{font-size:30px}.card-content{padding:20px}.card-visual{height:200px;padding-inline:15px}.terminal-preview{width:88%;left:6%}.terminal-code{font-size:9px}.terminal-title span{font-size:8px}.note-star{right:9%}.about{grid-template-columns:35px 1fr;gap:20px}.about-symbol{font-size:35px}.about-copy{grid-column:2}.about h2 br{display:none}footer{flex-wrap:wrap}.footer-accent{display:none}}@media (width<=600px){.wrap{width:calc(100% - 36px)}.topbar{gap:20px;height:76px}.brand{gap:9px;font-size:19px}.brand-mark{width:31px;height:31px;font-size:28px}.topbar nav{gap:18px;font-size:11px}.topbar nav span{display:none}.theme-button{width:32px;height:32px;font-size:20px}.hero{padding:38px 0 35px;display:block;position:relative}.hero-copy{z-index:1;position:relative}.hero .eyebrow{letter-spacing:1px;font-size:8px}.hero h1{letter-spacing:-3px;margin:19px 0;font-size:53px}.title-dot{font-size:27px;transform:translate(10px,5px)}.hero-description{font-size:12px;line-height:1.9}.mobile-break{display:block}.lab-art{display:none}.section-top{flex-direction:column;align-items:stretch;gap:19px}.section-top h2{margin-top:8px;font-size:20px}.search{width:100%;height:42px}.collection-toolbar{margin-top:15px;margin-bottom:16px}.toolbar-note{display:none}.cards{gap:20px}.project-card{flex-basis:100%}.card-visual{height:210px}.terminal-code{font-size:11px}.terminal-preview{width:80%;left:10%}.terminal-title span{font-size:9px}.card-content{padding:22px}.note-star{right:16%}.storage-note{text-align:left;font-size:10px;line-height:1.8}.about{grid-template-columns:28px 1fr;gap:15px;margin:43px 0 35px;padding-top:26px}.about-symbol{font-size:29px}.about .eyebrow{font-size:8px}.about h2{font-size:21px}.about h2 br{display:block}.about-copy{font-size:12px}.about-copy br{display:none}footer{row-gap:12px;padding-block:20px;font-size:9px}footer>span:nth-child(2){order:3;width:100%}dialog{padding:24px}dialog h2{font-size:30px}}@media (width>=901px){.topbar{height:85px}.hero{padding:36px 0 32px}.hero h1{margin:18px 0;font-size:68px}.lab-art{height:215px}.card-visual{height:180px}.card-content{padding:20px 24px}.terminal-preview{top:40px}.note-preview{margin-top:8px}.card-actions{margin-top:18px;padding-top:14px}.about{margin-top:48px}}.skip{top:10px;transform:translateY(-200%)}.skip:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}