*{box-sizing:border-box;margin:0;padding:0}body{color:#bbb;background:#121212;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.page{flex-direction:column;gap:20px;max-width:1200px;height:100vh;margin:0 auto;padding:40px 48px;display:flex;overflow:hidden}.page:has(.solar-frame){overflow:visible}.header{flex-shrink:0;justify-content:space-between;align-items:baseline;display:flex}.header-left{flex-direction:column;gap:4px;display:flex}.header-name{color:#d4d4d4;letter-spacing:.5px;cursor:pointer;font-family:Caveat,cursive;font-size:22px;font-weight:700;text-decoration:none}.header-name:hover{color:#e8e8e8}.header-nav{gap:24px;display:flex}.nav-link{color:#777;cursor:pointer;font-size:13px;text-decoration:none;transition:color .2s}.nav-link:hover{color:#ccc}.nav-link.active{color:#bbb}.bio{color:#888;flex-shrink:0;max-width:520px;padding-bottom:8px;font-size:13px;line-height:1.8}.bio-link{color:#bbb;text-underline-offset:3px;cursor:pointer;text-decoration:underline;transition:color .2s}.bio-link.clicked{color:#666}.bio-link:hover{color:#e0e0e0}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.5s ease-out both fadeUp}.solar-frame{color:#333;flex-direction:column;flex:none;width:100%;height:70vh;font-family:Courier New,Courier,monospace;display:flex}.frame-corner-row{flex-shrink:0;align-items:center;height:20px;font-size:14px;line-height:1;display:flex}.frame-corner{flex-shrink:0}.frame-dash{border-top:1px dashed #333;flex:1;height:1px}.frame-body{flex:1;min-height:0;display:flex}.frame-pipe{border-left:1px dashed #333;flex-shrink:0;width:8px;margin-left:3px}.frame-pipe:last-child{border-left:none;border-right:1px dashed #333;margin-left:0;margin-right:3px}.frame-canvas{background:#121212;flex:1;position:relative;overflow:hidden}.frame-canvas canvas{width:100%!important;height:100%!important}.sub-page{flex-direction:column;flex:1;gap:24px;min-height:0;display:flex;overflow:hidden}.back-link{color:#888;text-underline-offset:3px;font-size:13px;text-decoration:underline;transition:color .2s}.back-link:hover{color:#ccc}.sub-page-title{color:#bbb;letter-spacing:.3px;font-size:14px}.link-list{flex-direction:column;gap:8px;display:flex}.link-row{align-items:baseline;gap:16px;display:flex}.link-item{color:#bbb;text-underline-offset:3px;font-size:13px;text-decoration:underline;transition:color .2s}.link-item.clicked{color:#666}.link-item:hover{color:#e0e0e0}.link-item-static{color:#888;font-size:13px}.link-meta{color:#444;font-size:11px}.video-page{width:100%;max-width:800px;margin:0 auto}.video-player{background:#141414;width:100%}.thoughts-layout{flex:1;gap:48px;min-height:0;display:flex;overflow:hidden}.thoughts-list{flex-direction:column;flex-shrink:0;gap:8px;max-width:240px;display:flex}.thoughts-content{flex-direction:column;flex:1;gap:16px;min-width:0;max-width:600px;min-height:0;margin:0 auto;display:flex;overflow:hidden}@media (width<=768px){.thoughts-layout{flex-direction:column;gap:24px}}.article-page{width:100%;max-width:600px;margin:0 auto}.article-contained{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.article-contained::-webkit-scrollbar{display:none}.article-loading{color:#555;font-size:13px}.article-title{color:#d4d4d4;letter-spacing:.3px;font-size:20px;font-weight:700}.article-meta{color:#555;font-size:12px}.article-image{background:#141414;border:1px dashed #2a2a2a;flex-shrink:0;padding:16px}.article-image pre{color:#555;white-space:pre;margin:0;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.4}.article-body{color:#999;flex-direction:column;gap:16px;font-size:15px;line-height:1.8;display:flex}@media (width<=768px){.page{padding:24px 20px}}