:root{--bg:#f5f3ef;--surface:#ffffff1a;--ink:#fff;--mid:#d0d0d0;--light:#fff;--rule:#ffffff4d;--ff-serif:"Libre Baskerville", Georgia, serif;--ff-mono:"DM Mono", "Courier New", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg) url(/assets/gargantua_16_processed-B1FIHJcg.png);min-height:100dvh;color:var(--ink);font-family:var(--ff-mono);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;font-weight:300;overflow-x:hidden}body:before{display:none}.page{z-index:1;flex-direction:column;max-width:680px;min-height:100dvh;margin:0 auto;padding:clamp(2rem,8vw,4rem) clamp(1.25rem,5vw,2.5rem) 3rem;display:flex;position:relative}.header{margin-bottom:clamp(2rem,6vw,3.5rem);animation:.6s both rise}.header-eyebrow{font-family:var(--ff-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--light);margin-bottom:.6rem;font-size:.65rem;font-weight:400}.header-title{font-family:var(--ff-serif);color:var(--ink);letter-spacing:-.01em;font-size:clamp(2rem,8vw,3.2rem);font-weight:700;line-height:1.1}.header-title em{color:var(--mid);font-style:italic;font-weight:400}.header-rule{background:var(--rule);height:1px;margin-top:1.2rem;position:relative}.header-rule:after{content:"";background:var(--ink);width:40px;height:1px;position:absolute;top:0;left:0}.app-list{flex-direction:column;gap:0;animation:.6s .1s both rise;display:flex}.app-link{border-bottom:1px solid var(--rule);color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:1rem;padding:2rem 0;text-decoration:none;transition:text-shadow .2s;display:grid;position:relative}.app-list>.app-link:first-child{border-top:1px solid var(--rule)}.app-link:before{content:"";background:var(--surface);opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;inset:0 -1.5rem}.app-link:hover{text-shadow:0 0 10px #00ffc8cc,0 0 20px #00ffc880,0 0 30px #0096ff66}.app-link:hover:before{opacity:1}.app-link:active{opacity:.7}.app-index{font-family:var(--ff-mono);color:var(--light);letter-spacing:.08em;text-align:right;z-index:1;padding-top:.1rem;font-size:.68rem;font-weight:400;position:relative}.app-body{z-index:1;position:relative}.app-title{font-family:var(--ff-serif);color:var(--ink);margin-bottom:.3rem;font-size:clamp(1.05rem,3.5vw,1.25rem);font-weight:700;line-height:1.2;transition:font-size .2s}.app-link:hover .app-title{font-size:clamp(1.2rem,3.5vw + 2px,1.4rem)}.app-title-alt{color:var(--mid);margin-left:.35rem;font-style:italic;font-weight:400}.app-desc{font-family:var(--ff-mono);color:var(--mid);font-size:.72rem;font-weight:300;line-height:1.6}.app-arrow{color:var(--light);z-index:1;font-size:1rem;transition:transform .15s,color .15s;position:relative}.app-link:hover .app-arrow{color:var(--ink);transform:translate(4px)}.footer{letter-spacing:.1em;text-transform:uppercase;color:var(--light);margin-top:auto;padding-top:2.5rem;font-size:.62rem;font-weight:400;animation:.6s .2s both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=420px){.app-link{grid-template-columns:1.6rem 1fr auto;gap:.75rem;padding:1.15rem 0}.app-link:before{inset:0 -1rem}}
