*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:Courier New,Courier,monospace;background:#1a1a1a;color:#e0e0e0}#root{height:100%}a{color:#f5c542;text-decoration:none}a:hover{text-decoration:underline}.yellow-text{color:#f5c542!important}.desktop-nav{display:none}.pager{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;height:100%;scrollbar-width:none}.pager::-webkit-scrollbar{display:none}.page{flex:0 0 100%;width:100%;min-height:100%;scroll-snap-align:start;overflow-y:auto;padding:40px 28px 100px}.page-inner{max-width:600px;margin:0 auto}.page-title{font-size:2rem;font-weight:700;color:#f5c542;margin-bottom:20px}.page-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.page-scroll::-webkit-scrollbar{display:none}.hw-image{width:220px;height:220px;object-fit:cover;border-radius:8px;margin-bottom:24px}.hw-image-square{width:220px;height:220px;background-color:#f5c542;border-radius:16px;margin-bottom:24px}.hw-right{margin-top:16px}.hw-right p{line-height:1.5;font-size:.95rem;margin-bottom:20px}.hw-table{width:100%;margin-top:4px}.hw-table-header{font-size:.85rem;margin-bottom:4px;color:#ccc;border-bottom:1px solid #555;padding-bottom:4px}.hw-table table{width:100%;border-collapse:collapse;font-size:.85rem}.hw-table th,.hw-table td{text-align:left;padding:6px 8px}.hw-table th{border-bottom:1px solid #555;color:#ccc}.hw-table td{border-bottom:1px solid #333}.coming-soon{font-weight:700;color:#e0e0e0;text-align:right}.profile-btn{font-family:Courier New,Courier,monospace;font-size:.85rem;padding:7px 18px;border-radius:999px;border:1px solid #555;background:transparent;color:#e0e0e0;cursor:pointer;transition:border-color .2s,color .2s}.profile-btn:not(.primary):hover{border-color:#f5c542;color:#f5c542}.profile-btn.primary{background:#f5c542;border-color:#f5c542;color:#1a1a1a;font-weight:700}.project-list{margin-bottom:40px}.project-item{display:flex;align-items:center;gap:12px;color:#e0e0e0;font-size:1.1rem;text-decoration:none;padding:8px 0}.project-item:hover{color:#f5c542}.project-icon{width:36px;height:36px;border-radius:6px;background-color:#f5c542}.contact-section h2{font-size:1.1rem;margin-bottom:12px;color:#e0e0e0;text-decoration:underline}.contact-section table{font-size:.9rem}.contact-label{padding-right:16px;color:#ccc}.contact-section td{padding:4px 0}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#2a2a2a;border-top:1px solid #444;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));z-index:100}@media(min-width:768px){.desktop-nav{display:flex;justify-content:flex-end;align-items:center;gap:24px;padding:16px 40px;position:fixed;top:0;right:0;z-index:200}.nav-link{color:#e0e0e0;text-decoration:none;font-size:.95rem;font-family:Courier New,Courier,monospace}.nav-link.active{text-decoration:underline}.tab-bar{justify-content:center;gap:60px}.pager{display:block;overflow:visible;height:auto}.page{display:none;min-height:100vh;padding:60px 60px 120px;overflow-y:auto}.page.active{display:block}.page-inner{max-width:1000px}#page-projects{padding-left:24px}#page-projects .page-inner{margin-left:0}.helloworld-page{display:flex;gap:40px;align-items:flex-start}.hw-left{flex:0 0 auto}.hw-right{flex:1;padding-top:60px;margin-top:0}.hw-table{max-width:320px}}