@layer base{:root{color-scheme:light only;--mb: 8px;--edge: calc(var(--mb));--dock-h: 64px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}}body.no-vert-scroll{overflow:hidden;overscroll-behavior:contain}@layer layout{body{background:linear-gradient(180deg,#0aa,#088)}#vanta-bg,#dither-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:0;contain:size layout paint;will-change:transform}#ornaments{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;place-items:center;pointer-events:none}.app{height:100%;display:grid;grid-template-rows:1fr auto;gap:var(--mb);padding:var(--edge);position:relative;z-index:2}.mobile-root{height:100dvh;padding-bottom:0}.mobile-about{margin:var(--mb)}.mobile-about-container{height:100vh;height:100dvh;width:100vw;background:#fff;color:#000;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;padding:20px;overflow-y:auto;box-sizing:border-box}.mobile-scale-outer{height:calc(100dvh - var(--dock-h, 64px) - var(--edge));display:grid;align-items:start;justify-items:center;overflow:hidden}.mobile-scale-inner{width:100%;max-width:720px;will-change:transform}.desktop{position:relative;height:100%;width:100%;overflow:hidden;padding:0}.static-content-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,calc(100% - 64px));max-height:calc(100vh - 80px);overflow:visible;z-index:1;pointer-events:auto;display:flex;flex-direction:column;align-items:center}.static-content-body{width:100%;display:flex;flex-direction:column;overflow:visible;flex-shrink:0}.static-content-body .about-clean{max-height:calc(100vh - 200px);overflow-y:auto;width:100%}.draggable-window{box-shadow:0 2px #00000040;resize:both;display:flex;flex-direction:column;overflow:hidden;min-width:280px;min-height:160px;max-height:calc(100% - 8px);margin:0}.window-borderless{background:transparent!important;border:none!important;border-top:none!important;border-right:none!important;border-bottom:none!important;border-left:none!important;box-shadow:none!important;margin:0!important;outline:none!important;resize:both;display:flex;flex-direction:column;overflow:hidden;min-width:280px;min-height:160px;max-height:calc(100% - 8px);position:relative}.window-borderless:before,.window-borderless:after{display:none!important}.window-borderless .title-bar.borderless-title{border-left:none!important;border-right:none!important;border-top:none!important;margin:0!important;padding-bottom:0!important}.window-borderless .window-body.borderless-body{flex:1 1 auto;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important;margin:0!important;background:transparent!important;border:none!important;border-top:none!important;border-right:none!important;border-bottom:none!important;border-left:none!important;box-shadow:none!important;outline:none!important;display:flex;flex-direction:column}.window-borderless .status-bar.borderless-status{border:none!important;border-top:none!important;border-right:none!important;border-bottom:none!important;border-left:none!important;margin:0!important;padding:0!important;height:0!important;min-height:0!important;max-height:0!important;flex-shrink:0!important;background:transparent!important;box-shadow:none!important;display:block;position:absolute;bottom:0;right:0;width:16px;height:16px;overflow:visible;pointer-events:none;z-index:10}.window-borderless .status-bar.borderless-status .status-bar-field{display:none!important}.window-borderless .status-bar.borderless-status:after{display:none}.draggable-window .window-body{flex:1 1 auto;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box}.draggable-window .window-body{scrollbar-width:thin}.draggable-window .window-body::-webkit-scrollbar{width:17px}.draggable-window .window-body::-webkit-scrollbar-button{height:17px}.draggable-window .window-body::-webkit-scrollbar-button:vertical:double-button:start{display:none}.draggable-window .window-body::-webkit-scrollbar-button:vertical:double-button:end{display:none}.draggable-window .window-body::-webkit-scrollbar-thumb{background:transparent}.window-borderless .window-body.borderless-body::-webkit-scrollbar-thumb{background:transparent}.title-bar.inactive .title-bar-text{opacity:.75}.title-bar-controls .close{transform:none}}@layer components{.about-clean{width:100%;margin:0;padding:16px 18px;background:#fff;color:#000;border:1px solid #9c9c9c;box-shadow:inset 1px 1px #fff,inset -1px -1px gray;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";font-size:15px;line-height:1.55;box-sizing:border-box}.mobile-about-container .about-clean{background:transparent;border:none;box-shadow:none;color:#000;padding:0;width:100%;height:100%}.mobile-about-container .about-clean a{color:#000;text-decoration:underline}.mobile-about-container .about-clean a:hover{opacity:.7}.about-clean .about-header{text-align:center;margin-bottom:12px}.photos-panel{position:absolute;bottom:120px;left:50%;transform:translate(-50%);background:#f3f3f3;border:1px solid #9c9c9c;padding:12px 16px;box-shadow:inset 1px 1px #fff,inset -1px -1px gray;z-index:2;display:flex;align-items:center;gap:12px}.ghost-btn{background:none;border:1px solid #9c9c9c;padding:4px 12px;cursor:pointer;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.gooey-nav-wrapper{position:relative;margin-bottom:16px;z-index:3;flex-shrink:0;padding:16px;background:transparent;border-radius:12px}.static-footer{position:relative;display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px;z-index:3;flex-shrink:0;padding:8px 12px;background:#f0f0f0;border:1px solid #9c9c9c;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.footer-logo{display:flex;align-items:center;flex-shrink:0}.footer-logo img{display:block}.footer-message{flex:1;text-align:center;padding:0 12px}.waitlist-link{color:#0645ad;text-decoration:none;font-size:13px;line-height:1.4;cursor:pointer}.waitlist-link:hover{text-decoration:underline}.github-star-btn{display:flex;align-items:center;gap:6px;background:#f0f0f0;border:1px solid #9c9c9c;padding:6px 12px;box-shadow:inset 1px 1px #fff,inset -1px -1px gray;cursor:pointer;white-space:nowrap;font-size:13px}.github-star-btn:hover{background:#e6e6e6}.github-star-btn:active{box-shadow:inset -1px -1px #fff,inset 1px 1px gray}.star-icon{font-size:14px;line-height:1}.star-count{font-weight:600;color:#333}@media (max-width: 960px){.static-footer{flex-wrap:wrap;gap:8px}.footer-message{order:3;width:100%;padding:0;margin-top:4px}.waitlist-link{font-size:12px}.github-star-btn{font-size:12px;padding:5px 10px}}@media (max-width: 640px){.static-footer{flex-direction:column;align-items:stretch}.footer-logo,.github-star-btn{align-self:center}}.static-footer button{background:#f0f0f0;border:1px solid #9c9c9c;padding:8px 16px;box-shadow:inset 1px 1px #fff,inset -1px -1px gray;cursor:pointer}.static-footer button.active{box-shadow:2px 2px gray,-1px -1px #fff}.static-footer button.inactive{background:#dfdfdf;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.photos-placeholder{text-align:center;padding:20px;background:#f2f2f2;border:1px solid #9c9c9c;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.about-clean h1{margin:0 0 4px;font-size:22px;line-height:1.2;letter-spacing:.2px}.about-clean h2{margin:14px 0 6px;font-size:16px}.about-clean .subtitle{color:#444;margin:0 0 12px}.about-clean p{margin:8px 0}.about-clean ul{margin:6px 0 0 20px}.about-clean .photo-links a{color:#0645ad;text-decoration:none;padding:0 2px}.about-clean .photo-links a:hover{text-decoration:underline}.photo9{margin-top:10px;border:1px solid #9c9c9c;box-shadow:inset 1px 1px #fff,inset -1px -1px gray;background:#f8f8f8}.photo9-bar{display:flex;align-items:center;gap:8px;padding:6px 8px;background:linear-gradient(#0a3da3,#124fce);color:#fff;font-weight:700}.photo9-bar .spacer{flex:1}.photo9-btn{min-width:0;padding:2px 6px;line-height:1;background:silver;color:#000;border:1px solid #000;box-shadow:inset 1px 1px #fff,inset -1px -1px gray;cursor:default}.photo9-btn:active{box-shadow:inset -1px -1px #fff,inset 1px 1px gray}.photo9-body{padding:8px;display:grid;gap:6px;justify-items:center}.photo9-canvas{width:min(560px,calc(100vw - 64px));height:min(360px,60vh);background:#fff;border:1px inset #000;overflow:hidden;position:relative;display:grid;place-items:center}.photo9-imgwrap{width:100%;height:100%;display:grid;place-items:center;transform-origin:center center;cursor:default}.photo9-imgwrap.zoomed{cursor:grab}.photo9-imgwrap img{width:100%;height:100%;object-fit:contain;display:block}.photo9-body .caption{margin:0;color:#333;font-size:13px;text-align:center}.photo9-ctrls{display:flex;gap:6px;padding:6px 8px;justify-content:center}.gallery98{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.gallery98-item{position:relative;border:1px inset #000;background:#e6e6e6;overflow:hidden;aspect-ratio:1 / 2;cursor:default}.gallery98-item img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 960px){.gallery98{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (max-width: 640px){.gallery98{display:flex;overflow-x:auto;overflow-y:hidden;gap:8px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:4px}.gallery98-item{flex:0 0 70%;aspect-ratio:3 / 4;scroll-snap-align:start}}}box-shadow: -1px 0 0 #808080; } .about-clean{width:100%!important}.photo9-canvas{width:min(560px,calc(100vw - 64px))!important;height:min(360px,60vh)!important}.gallery98{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important}@media (max-width: 960px){.gallery98{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important}}.gooey-nav-container{position:relative;z-index:10}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px);justify-content:center}.gooey-nav-container nav ul{display:flex;gap:.5em;list-style:none;padding:0;margin:0;position:relative;z-index:10;color:#000}.gooey-nav-container nav ul li{position:relative;cursor:pointer;background:#f0f0f0;border:1px solid #9c9c9c;box-shadow:inset 1px 1px #fff,inset -1px -1px gray;transition:box-shadow .2s ease;color:#000}.gooey-nav-container nav ul li a{display:inline-block;width:100%;padding:.5em 1em;text-decoration:none;color:inherit;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";font-size:13px;cursor:pointer}.gooey-nav-container nav ul li:hover{background:#e6e6e6}.gooey-nav-container nav ul li:active{box-shadow:inset -1px -1px #fff,inset 1px 1px gray}.gooey-nav-container nav ul li a:focus{outline:2px dotted #000;outline-offset:2px}.gooey-nav-container nav ul li a:focus-visible{outline:2px dotted #000;outline-offset:2px}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){outline:2px dotted #000;outline-offset:2px}.gooey-nav-container nav ul li.active{color:#000;box-shadow:inset -1px -1px #fff,inset 1px 1px gray;background:#dfdfdf}.dither-container{width:100%;height:100%;position:relative}.magnetLines-container{display:grid;justify-items:center;align-items:center;will-change:transform;transition:opacity .3s ease}.magnetLines-container span{display:block;transform-origin:center;will-change:transform;transform:rotate(var(--rotate));border-radius:2px}.magnetLines-container.idle{opacity:.35}
