*{box-sizing:border-box;margin:0;padding:0}body{color:#bbb;background:#0d0d0d;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.page{flex-direction:column;gap:20px;max-width:1200px;min-height:100vh;margin:0 auto;padding:40px 48px;display:flex}.page:has(.solar-frame){height:100vh;overflow:hidden}.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-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;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:hover{color:#e0e0e0}.solar-frame{color:#333;flex-direction:column;flex:1;width:100%;min-height:0;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:#0d0d0d;flex:1;position:relative;overflow:hidden}.frame-canvas canvas{width:100%!important;height:100%!important}.sub-page{flex-direction:column;gap:24px;display:flex}.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: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:#111;width:100%}.article-page{width:100%;max-width:600px;margin:0 auto}.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:#111;border:1px dashed #2a2a2a;padding:16px;overflow:hidden}.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:14px;line-height:1.8;display:flex}@media (width<=768px){.page{padding:24px 20px}}