:root{--bg: #0f0f2d;--sidebar-bg: #0a0a20;--text: #c9b037;--link: #7393b3;--link-hover: #a8c4e0;--border: #c9b037;--dim-text: #8a7c45;--button-face: rgba(15, 15, 45, .8)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;width:100%;background-color:var(--bg);color:var(--text);font-family:Comic Sans MS,Comic Sans,Chalkboard SE,Comic Neue,sans-serif;overflow:hidden}h1,h2,h3{font-weight:400;margin-top:0;border-bottom:1px solid var(--border);padding-bottom:5px}a{color:var(--link);text-decoration:underline;cursor:pointer}a:hover{color:var(--link-hover);background-color:#7393b31a}p{line-height:1.5;margin-bottom:15px}.mono{font-family:Courier New,Courier,monospace;font-size:.9em}#bg-sketch-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.5;pointer-events:none}#splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity 1s ease-out}#splash-p5{border:4px ridge var(--border);margin-bottom:20px;box-shadow:0 0 20px #c9b03726;width:300px;height:300px;background:#000}.enter-btn{font-family:Courier New,monospace;font-size:1.5rem;color:var(--text);background:var(--button-face);border:2px outset var(--border);padding:10px 20px;cursor:pointer;text-decoration:none;transition:all .1s}.enter-btn:hover{background-color:var(--border);color:var(--bg)}.enter-btn:active{border-style:inset;transform:translateY(1px)}#main-site{height:100vh;height:100dvh;width:100vw;display:grid;grid-template-columns:260px 1fr;grid-template-rows:100%;position:relative;z-index:10}#main-site.hidden{display:none}@media (max-width: 768px){body,html{overflow:hidden}#main-site{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100vh;height:100dvh}.sidebar{position:sticky;top:0;z-index:100;border-right:none!important;border-bottom:3px ridge var(--border);padding:0!important;height:auto;max-height:none;overflow:visible;flex-shrink:0}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:var(--bg);user-select:none}.mobile-header:active{background:#1a1a3a}.mobile-header h2{margin:0;border:none;font-size:1rem}.mobile-header-toggle{font-family:monospace;font-size:1rem;color:var(--text);border:1px solid var(--border);padding:2px 8px;transition:transform .3s}.sidebar.expanded .mobile-header-toggle{transform:rotate(180deg)}.profile-img{display:none}.sidebar>h2:not(.mobile-header h2),.sidebar>div:nth-child(3),.sidebar>.decorative-hr:first-of-type{display:none}.sidebar-collapsible{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.25,1,.5,1);background:#050510fa}.sidebar.expanded .sidebar-collapsible{max-height:80vh;overflow-y:auto;padding:15px;box-shadow:0 10px 20px #000c}.sidebar-collapsible .sidebar-module{margin-bottom:12px;border:none;background:none;padding:0}.sidebar-collapsible .module-header{font-size:.65rem;margin:0 0 8px;padding:2px 5px;display:inline-block}.nav-list{display:flex;flex-direction:column;gap:8px;border:none;padding:0;margin:0}.nav-item{margin-bottom:0}.nav-link{padding:12px 15px;font-size:1rem;text-align:center}.sidebar-extras{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sidebar-extras>.sidebar-module:first-child{display:block;grid-column:1 / -1}.sidebar-extras>.sidebar-module:first-child>div{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.sidebar-extras>.sidebar-module:first-child>div br{display:none}.sidebar-extras>.sidebar-module:nth-child(2){display:none}.sidebar-extras>.sidebar-module:nth-child(3){display:block;grid-column:1 / -1;margin-bottom:0;text-align:center}.sidebar-extras>.sidebar-module:nth-child(3) .module-header{margin-bottom:3px}.sidebar-extras>.sidebar-module:nth-child(3) p{font-size:.75rem;margin:0}.sidebar-extras>.decorative-hr,.sidebar-extras>.hit-counter,.sidebar-extras>.badges-container,.sidebar-extras>div:not(.sidebar-module):not(.decorative-hr):not(.badges-container){display:none}.content-frame{padding:20px 15px 60px;overflow-y:auto}.page-section{padding:20px;box-shadow:5px 5px #0009}h1{font-size:1.4rem}.enter-btn{padding:15px 24px;font-size:1rem;min-height:48px;width:100%}.date-badge{float:none;display:inline-block;margin-bottom:10px}.project-grid{grid-template-columns:1fr}#splash-p5{width:200px;height:200px}input[type=text],textarea{font-size:16px!important;min-height:48px;padding:12px!important;background:#000;border:2px inset var(--dim-text);color:var(--text);width:100%;border-radius:0}input[type=text]:focus,textarea:focus{outline:none;border-color:var(--border)}textarea{min-height:120px}}@media (min-width: 769px){.mobile-header{display:none}.sidebar-collapsible{display:contents}}.sidebar{background-color:#0a0a20f2;border-right:4px ridge var(--border);padding:20px;display:flex;flex-direction:column;overflow-y:auto;text-align:center;font-size:.9rem;box-shadow:5px 0 15px #00000080}.profile-img{width:100px;height:100px;border:4px inset var(--border);margin:0 auto 15px;background-color:#000;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--dim-text)}.nav-list{list-style-type:none;padding:0;margin:20px 0;width:100%;display:flex;flex-direction:column;gap:6px}.nav-item{margin-bottom:0}.nav-link{display:block;padding:8px 10px;text-decoration:none;font-weight:700;background:#0000004d;border:2px outset var(--dim-text);transition:all .1s}.nav-link:hover{background-color:var(--dim-text);color:var(--bg);text-decoration:none}.nav-link:active{border-style:inset}.nav-link.active{background-color:var(--text);color:var(--bg);border:2px inset var(--border)}.sidebar-module{margin-bottom:15px;border:1px solid var(--dim-text);padding:8px;background:#0000004d;box-shadow:inset 0 0 8px #00000080}.module-header{font-family:Courier New;font-size:.75rem;background:var(--dim-text);color:var(--bg);margin:-8px -8px 8px;padding:4px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.hit-counter{font-family:Courier New,monospace;background:#000;border:2px inset #555;color:red;padding:2px 8px;margin:10px auto;display:inline-block;letter-spacing:3px;font-weight:700;font-size:1rem}.content-frame{padding:40px;overflow-y:auto;background:transparent}.page-section{max-width:800px;margin:0 auto 40px;border:2px solid var(--border);padding:25px;background-color:#0f0f2deb;box-shadow:8px 8px #0009;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.page-section{animation:fadeIn .3s}.date-badge{float:right;font-family:Courier New,monospace;font-size:.8rem;background:#000;color:var(--link);border:1px solid var(--link);padding:2px 5px;box-shadow:2px 2px 0 var(--dim-text)}.decorative-hr{text-align:center;margin:30px 0;color:var(--dim-text);font-size:.9rem;font-family:monospace}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:20px}.project-card{border:1px solid var(--dim-text);padding:15px;background:#0006;transition:transform .15s,box-shadow .15s}.project-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--dim-text)}.project-card h4{margin-top:0;color:var(--link);font-size:1.1rem}.badges-container{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:10px}.badge-88x31{width:88px;height:31px;border:1px outset #fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-family:Pixel,sans-serif;text-decoration:none;color:#fff!important;text-shadow:1px 1px 0 #000;image-rendering:pixelated}.b-claude{background:#d97757;color:#fff!important}.b-p5{background:#ed225d;color:#fff!important}.b-ghostty{background:#1c1c1c;color:#fff!important;border-color:#333}.b-latent{background:linear-gradient(to bottom,indigo,#000);color:#e6e6fa!important}.b-ts{background:#3178c6;color:#fff!important}.b-mlx{background:linear-gradient(to bottom,#888,#444);color:#fff!important}.badge-notepad{background:linear-gradient(to bottom,#7393b3,#0f0f2d)}.badge-btc{background:linear-gradient(to bottom,#c9b037,#8a7c45)}.badge-w3c{background:linear-gradient(to bottom,#d6d6d6,gray);color:#000!important;text-shadow:none}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:#000;border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--dim-text);border:2px solid #000}::-webkit-scrollbar-thumb:hover{background:var(--text)}.marquee{white-space:nowrap;overflow:hidden;box-sizing:border-box;font-family:Courier New;font-size:.8rem}.marquee span{display:inline-block;padding-left:100%;animation:marquee 20s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.project-links{margin-top:10px}.project-links a{margin-right:10px;font-size:.9rem}.studio-item{margin-bottom:10px}.studio-item h3{margin-bottom:5px}.studio-item:last-child .decorative-hr{display:none}#writing-list{list-style-type:square;padding-left:20px}#writing-list li{margin-bottom:10px;line-height:1.6}#repo-index{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.repo-badge{display:inline-block;padding:4px 10px;background:#0006;border:1px solid var(--dim-text);font-family:Courier New,monospace;font-size:.75rem;text-decoration:none;transition:all .15s}.repo-badge:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.sidebar-module a[target=_blank]:after{content:" ↗";font-size:.7em}.site-footer{text-align:center;margin-top:50px;color:var(--dim-text);font-family:Courier New;font-size:.8rem}