*{margin:0;padding:0;box-sizing:border-box}:root{--steam-bg-dark: #171a21;--steam-bg-main: #1b2838;--steam-bg-lighter: #2a475e;--steam-text-main: #c6d4df;--steam-text-light: #eff0f1;--steam-accent: #66c0f4;--steam-green: #a4d007;--steam-border: #000000;--steam-gradient-top: #1b2838;--steam-gradient-bottom: #171a21;--steam-card-bg: rgba(0, 0, 0, .2)}body{background-color:#1b1e24;background:#1b1e24;color:var(--steam-text-main);font-family:Motiva Sans,Inter,sans-serif;margin:0;padding:0;min-height:100vh}.steam-container{max-width:980px;margin:0 auto;padding:20px}.steam-header{display:flex;align-items:flex-start;background:#1b1e24;padding:24px;border-radius:4px;margin-bottom:16px;position:relative;border:1px solid rgba(255,255,255,.05)}.steam-avatar-container{position:relative;margin-right:24px}.steam-avatar{width:164px;height:164px;border:2px solid var(--steam-accent);padding:2px;background:var(--steam-bg-main)}.steam-avatar img{width:100%;height:100%;object-fit:cover}.steam-avatar-image{background-color:#000}.steam-avatar-status{position:absolute;bottom:8px;right:8px;width:16px;height:16px;background:var(--steam-accent);border-radius:50%;border:2px solid var(--steam-bg-main)}.steam-profile-info{flex:1}.steam-username{font-size:28px;color:var(--steam-text-light);font-family:serif;margin:0}.steam-location{display:flex;align-items:center;gap:8px;font-size:13px;color:#8f98a0;margin-top:4px;flex-wrap:wrap}.steam-status{color:var(--steam-accent);margin-left:10px}.steam-flag{width:16px;height:11px;background:#ccc}.steam-description{color:var(--steam-text-main);margin-top:12px;font-size:14px;max-width:600px}.steam-level-badge{position:absolute;top:24px;right:24px;background:#212121;border-radius:50%;width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--steam-accent);color:var(--steam-text-light)}.steam-level-value{font-size:20px;font-weight:700;line-height:1}.steam-level-label{font-size:10px;color:var(--steam-text-main)}.steam-nav{display:flex;background:#1b1e24;padding:0 10px;margin-bottom:20px;border-radius:3px;border:1px solid rgba(255,255,255,.05);overflow-x:auto;-webkit-overflow-scrolling:touch}.steam-nav-item{padding:10px 20px;color:#939393;text-decoration:none;font-size:14px;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap}.steam-nav-item:hover{color:var(--steam-text-light);background:#ffffff0d}.steam-nav-item.active{color:var(--steam-text-light);border-bottom:3px solid var(--steam-accent);background:#ffffff0d}.steam-layout{display:grid;grid-template-columns:1fr 300px;gap:20px}@media (max-width: 768px){.steam-layout{grid-template-columns:1fr}.steam-header{flex-direction:column;align-items:center;text-align:center}.steam-avatar-container{margin-right:0;margin-bottom:16px}.steam-level-badge{position:relative;top:0;right:0;margin-top:10px}.steam-location{justify-content:center}.steam-description{margin-left:auto;margin-right:auto}.steam-nav{justify-content:flex-start}.timeline-header{flex-direction:column;align-items:flex-start}.company-logo{margin-bottom:10px}}.steam-box{background:#1b1e2499;margin-bottom:20px;padding:15px;border:1px solid rgba(255,255,255,.05)}.steam-box-title{color:var(--steam-text-light);font-size:16px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.steam-playing-box{border:1px solid var(--steam-green);background:#0000004d;padding:15px;margin-bottom:20px}.steam-playing-header{color:var(--steam-green);font-size:12px;margin-bottom:10px;text-transform:uppercase;font-weight:700;letter-spacing:1px}.steam-timeline .timeline-item{border-left:2px solid #3d4450;padding-left:20px;margin-bottom:30px;position:relative}.steam-timeline .timeline-dot{background:var(--steam-bg-main);border:2px solid var(--steam-accent);width:12px;height:12px;left:-7px;position:absolute}.steam-timeline .timeline-card{background:#0003;border:none;padding:15px}.steam-timeline h2{color:var(--steam-text-light);font-size:14px;text-transform:uppercase}.steam-timeline .role-title{color:var(--steam-accent);font-size:16px}.steam-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px}.steam-badge{background:#222;border:1px solid #444;border-radius:4px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--steam-text-main);position:relative}.steam-badge:hover{background:#333;border-color:var(--steam-accent);color:var(--steam-accent)}.steam-link-list{display:flex;flex-direction:column;gap:8px}.steam-link{color:var(--steam-text-main);text-decoration:none;font-size:13px;display:block;padding:4px 8px;background:#0003;border:1px solid transparent}.steam-link i{width:20px;margin-right:8px;text-align:center}.steam-link:hover{color:var(--steam-text-light);background:#ffffff0d;border-color:#ffffff1a}.edit-profile-btn{background:#272727;background:linear-gradient(to bottom,#2f2f2f 5%,#262626 95%);border-radius:2px;border:1px solid rgba(255,255,255,.1);color:#ebebeb;display:inline-block;padding:6px 15px;text-decoration:none;font-size:14px;cursor:pointer}.edit-profile-btn:hover{background:#3d3d3d;color:#fff}.steam-footer{text-align:center;margin-top:40px;color:#8f98a0;font-size:12px}.badge-count{float:right;font-size:12px;color:var(--steam-accent)}.steam-badge-label{font-weight:700;font-size:14px}.steam-playing-status{color:#8f98a0;font-size:13px}.steam-playing-status i{margin-right:8px}.steam-playing-details{display:flex;gap:12px;margin-bottom:10px}.steam-album-art{width:60px;height:60px;border-radius:4px;border:1px solid #3d4450}.steam-track-info{overflow:hidden}.steam-track-title{color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.steam-track-artist{color:var(--steam-accent);font-size:12px}.steam-track-meta{color:#8f98a0;font-size:11px;margin-top:2px}.steam-track-progress{display:flex;align-items:center;gap:8px;font-size:11px;color:#8f98a0}.steam-track-bar{flex:1;height:4px;background:#3d4450;border-radius:2px}.steam-track-bar-fill{height:100%;background:#c6d4df;border-radius:2px}.steam-track-time{min-width:32px;text-align:center}.about-text{color:#c6d4df;font-size:14px;line-height:1.6}.about-paragraph{margin-bottom:15px}.about-link{color:var(--steam-accent);text-decoration:none}.about-section-title{margin-top:20px}.about-education{margin-top:10px}.about-education-item{margin:5px 0}.about-education-label{color:#fff}.timeline-container{list-style:none;padding:0}.company-logo{width:30px;margin-right:10px}.timeline-date{color:#8f98a0;font-size:12px;margin-left:auto}.timeline-company{color:#c6d4df;margin-bottom:5px;font-size:13px}.description-list{padding-left:20px;color:#8f98a0;font-size:13px}.projects-list{display:flex;flex-direction:column;gap:15px}.project-card{background:#ffffff08;padding:12px;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.project-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:12px}.project-title{color:#eff0f1;font-size:16px;margin:0}.project-link{color:var(--steam-accent);text-decoration:none;font-size:13px;padding:4px 12px;background:#66c0f41a;border-radius:2px;border:1px solid rgba(102,192,244,.3);white-space:nowrap}.project-description{color:#c6d4df;font-size:13px;margin:0;line-height:1.5}.blog-list{list-style:none;padding:0}.blog-item{margin-bottom:10px;padding:10px;background:#0003;border:1px solid transparent}.blog-link{text-decoration:none;display:block}.blog-title{font-size:16px;color:var(--steam-accent);font-weight:700}.blog-date{font-size:12px;color:#8f98a0;margin-top:4px}.blog-empty{color:#888}.reading-list{list-style:none;padding:0}.reading-item{margin-bottom:10px;padding:10px;background:#0003;border:1px solid transparent}.reading-link{text-decoration:none;display:block;color:#fff}.reading-empty{color:#888}.blog-post-actions{margin-bottom:15px;display:flex;flex-wrap:wrap;gap:10px}.blog-post-button{display:inline-flex;align-items:center;gap:5px}.blog-post-title{font-size:24px;border-bottom:1px solid #3d4450;margin-bottom:15px;padding-bottom:10px}.blog-post-date{color:#8f98a0;font-size:13px;margin-bottom:20px}.blog-post-content{color:#c6d4df;font-size:14px;line-height:1.6}.steam-post-content h1,.steam-post-content h2,.steam-post-content h3{color:var(--steam-text-light);margin-top:20px;margin-bottom:10px}.steam-post-content p{margin-bottom:15px}.steam-post-content a{color:var(--steam-accent);text-decoration:none}.steam-post-content a:hover{text-decoration:underline}.steam-post-content ul,.steam-post-content ol{padding-left:20px;margin-bottom:15px}.steam-post-content blockquote{border-left:4px solid var(--steam-bg-lighter);padding-left:15px;color:#8f98a0;margin-bottom:15px}.reading-mode-container{background:#1b1e24;min-height:100vh;max-width:none;padding:0}.steam-box{transition:all .3s ease}.steam-box.flat-gray{background:#1b1e2499;border:1px solid rgba(255,255,255,.05)}.steam-box.reading-mode{background:transparent;border:none;padding:80px 40px;max-width:900px;margin:0 auto}.steam-post-content{transition:all .3s ease}.steam-box.reading-mode .steam-post-content{font-size:20px;line-height:1.9;color:#d4d4d4}.steam-box.reading-mode .steam-post-content p{margin-bottom:24px}.steam-box.reading-mode .steam-post-content h1{font-size:2.5em;margin-top:40px;margin-bottom:20px;color:#eff0f1}.steam-box.reading-mode .steam-post-content h2{font-size:2em;margin-top:32px;margin-bottom:16px;color:#eff0f1}.steam-box.reading-mode .steam-post-content h3{font-size:1.5em;margin-top:24px;margin-bottom:12px;color:#eff0f1}.steam-box.reading-mode .steam-post-content ul,.steam-box.reading-mode .steam-post-content ol{margin-bottom:24px;padding-left:30px}.steam-box.reading-mode .steam-post-content li{margin-bottom:12px}.steam-box.reading-mode .steam-post-content blockquote{border-left-color:#3d4450;padding:20px;margin:24px 0;background:#0000001a;border-radius:4px}.steam-box.reading-mode .steam-post-content code{background:#0000004d;padding:2px 6px;border-radius:3px;font-size:.9em}.steam-box.reading-mode .steam-post-content pre{margin:24px 0;border-radius:4px;overflow-x:auto}.steam-box.reading-mode .steam-post-content img{margin:32px 0;border-radius:4px}.steam-box.reading-mode .steam-box-title{font-size:28px;margin-bottom:30px;padding-bottom:15px}