@font-face{font-family:Classic Console;src:url(/clacon2.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a2e;--fg:#aaa;--fg-bright:#fff;--accent:#5ff;--accent-dim:teal;--border:#444;--bg-surface:#0f0f3a;--bg-hover:#1a1a4e}html{font-size:16px}body{background-color:var(--bg);color:var(--fg);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;min-height:100dvh;font-family:Classic Console,monospace;line-height:1.6}#root{min-height:100dvh;display:flex}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--fg)}.layout{width:100%;min-height:100dvh;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--bg-surface);flex-direction:column;flex-shrink:0;width:260px;height:100dvh;padding:1rem 0;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border);color:var(--accent);letter-spacing:.05em;padding:.5rem 1rem 1rem;font-size:.85rem}.sidebar-nav{flex:1;padding:.5rem 0;list-style:none}.sidebar-item{cursor:pointer;color:var(--fg);text-align:left;background:0 0;border:none;width:100%;padding:.4rem 1rem;font-family:inherit;font-size:.9rem;display:block}.sidebar-item:hover{background:var(--bg-hover);color:var(--fg-bright)}.sidebar-item.active{color:var(--accent);background:var(--bg-hover)}.sidebar-item.active:before{content:"> "}.mobile-toggle{z-index:100;background:var(--bg-surface);color:var(--accent);border:1px solid var(--border);cursor:pointer;padding:.3rem .7rem;font-family:inherit;font-size:1.1rem;display:none;position:fixed;top:.75rem;left:.75rem}.mobile-overlay{display:none}.main{flex:1;max-width:900px;padding:2rem 3rem;overflow-y:auto}.about h1{color:var(--fg-bright);margin-bottom:1.5rem;font-size:1.4rem}.about h2{color:var(--accent);margin-top:1.5rem;margin-bottom:.5rem;font-size:1rem}.about p{margin-bottom:.8rem}.about .links{margin-top:1.5rem}.about .links a{margin-right:1.5rem;display:inline-block}.portfolio-title{color:var(--fg-bright);border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.4rem}.portfolio-description{white-space:pre-wrap;margin-bottom:2rem}.a-cut-list{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.a-cut-list img{border:1px solid var(--border);width:100%}.b-cut-section{border-top:1px solid var(--border);padding-top:1.5rem}.b-cut-label{color:var(--accent-dim);margin-bottom:.75rem;font-size:.8rem}.b-cut-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.b-cut-grid img{aspect-ratio:1;object-fit:cover;border:1px solid var(--border);width:100%}.loading{color:var(--accent);padding:2rem}.loading:after{content:"_";animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}@media (width<=768px){.mobile-toggle{display:block}.sidebar{z-index:99;width:260px;height:100dvh;transition:left .2s;position:fixed;top:0;left:-280px}.sidebar.open{left:0}.mobile-overlay{z-index:98;background:#0009;display:none;position:fixed;inset:0}.mobile-overlay.open{display:block}.main{padding:3rem 1.25rem 2rem}.b-cut-grid{grid-template-columns:repeat(2,1fr)}}