.post-card{opacity:0;border:1px solid var(--border);background-color:var(--bg-secondary);margin-bottom:24px;padding:24px;transition:all .2s;animation:.5s ease-out forwards fadeIn;display:block;position:relative;box-shadow:4px 4px #0003}.post-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:6px 6px #0000004d}.post-card:after{content:"";background-color:var(--border);width:8px;height:8px;position:absolute;bottom:4px;right:4px}.post-card:hover:after{background-color:var(--accent)}.post-meta-row{font-family:var(--font-primary);font-size:var(--font-size-small);color:var(--text-tertiary);text-transform:uppercase;border-bottom:1px dashed var(--border);gap:12px;margin-bottom:12px;padding-bottom:8px;font-weight:700;display:flex}.post-category{color:var(--accent)}.post-title{font-size:var(--font-size-title);letter-spacing:-.01em;margin-bottom:12px;font-weight:700;line-height:1.25}.post-title a{color:var(--text-primary);text-decoration:none}.post-title a:hover{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px}.post-excerpt{font-size:var(--font-size-body);color:var(--text-secondary);max-width:100%;margin-bottom:20px;line-height:1.6}.read-link{font-size:var(--font-size-small);color:var(--text-primary);text-transform:uppercase;border:1px solid var(--border);background:var(--bg-primary);align-items:center;gap:8px;padding:4px 12px;font-weight:700;display:inline-flex}.read-link:hover{background-color:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.read-link span{display:none}.read-link:after{content:">>";font-size:.8em}.post-tags-container{flex-wrap:wrap;gap:8px;margin:1rem 0;display:flex}.post-tag-link{color:var(--accent);font-size:var(--font-size-xs);border:1px solid var(--border);padding:2px 8px;text-decoration:none;transition:all .2s}.post-tag-link:hover{background:var(--accent);color:var(--bg-primary)}@media (max-width:768px){.post-card{margin-bottom:16px;padding:16px;box-shadow:2px 2px #0003}.post-card:hover{transform:none;box-shadow:2px 2px #0003}.post-meta-row{font-size:var(--font-size-xxs);flex-wrap:wrap;gap:8px;margin-bottom:8px;padding-bottom:6px}.post-title{font-size:var(--font-size-h4);word-break:break-word;overflow-wrap:break-word;margin-bottom:8px}.post-excerpt{font-size:var(--font-size-xs);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.post-tags{flex-wrap:wrap!important;gap:4px!important;margin:.75rem 0!important}.post-tags a{font-size:var(--font-size-xxs)!important;padding:2px 6px!important}.read-link{font-size:var(--font-size-xs);padding:4px 10px}}@media (max-width:480px){.post-card{margin-bottom:12px;padding:12px}.post-title{font-size:var(--font-size-small)}.post-excerpt{font-size:var(--font-size-xs);-webkit-line-clamp:2;line-clamp:2}.post-meta-row{font-size:var(--font-size-xxs)}.read-link{font-size:var(--font-size-xxs);padding:3px 8px}}@media (max-width:320px){.post-card{margin-bottom:10px;padding:10px}.post-card:after{width:6px;height:6px}.post-meta-row{font-size:var(--font-size-xxs);gap:6px}.post-title{font-size:var(--font-size-xs);margin-bottom:8px}.post-excerpt{font-size:var(--font-size-xxs);line-height:1.4}.post-tags-container{gap:4px;margin:.5rem 0}.post-tag-link{font-size:var(--font-size-xxs);padding:1px 4px}.read-link{font-size:var(--font-size-xxs);padding:3px 6px}}
.home-container{max-width:var(--content-max-width);padding:var(--space-xl)var(--space-lg);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.sys-grid{flex:1;grid-template-columns:250px 1fr;gap:2rem;display:grid}.grid-sidebar,.grid-main{flex-direction:column;gap:2rem;display:flex}.hero-section{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;display:flex}.hero-main{flex:1}.hero-title{font-size:var(--font-size-hero);letter-spacing:-.03em;margin:0 0 .75rem;font-weight:700;line-height:1.1}.hero-title .accent{color:var(--accent)}.hero-subtitle{font-size:var(--font-size-subtitle);color:var(--text-secondary);max-width:650px;height:2em;margin:0;line-height:1.5}.hero-actions{gap:1rem;margin-top:2rem;display:flex}.hero-btn{font-family:var(--font-primary);font-size:var(--font-size-xs);border:1px solid var(--border);letter-spacing:.05em;align-items:center;padding:.6rem 1.25rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.2,0,0,1);display:flex}.hero-btn.primary{border-color:var(--accent);color:var(--accent);background:#a8b9a80d}.hero-btn.primary:hover{background:var(--accent);color:var(--bg-primary);animation:.3s btnGlitch}.hero-btn.secondary{color:var(--text-secondary)}.hero-btn.secondary:hover{color:var(--text-primary);border-color:var(--text-primary)}.hero-btn .bracket{color:var(--text-tertiary);margin:0 4px;transition:color .2s}.hero-btn:hover .bracket{color:inherit}.hero-telemetry{text-align:right;font-family:var(--font-primary);font-size:var(--font-size-xs);opacity:.8;flex-direction:column;gap:6px;display:flex}.tele-row{justify-content:flex-end;gap:1rem;display:flex}.t-label{color:var(--text-tertiary);letter-spacing:.05em;font-size:.7rem}.t-val{color:var(--text-secondary);font-weight:600}.t-val.numeric{font-variant-numeric:tabular-nums}.t-val.active{color:var(--accent)}.sys-module{flex-direction:column;display:flex}.mod-header{font-size:var(--font-size-xs);color:var(--text-tertiary);letter-spacing:.1em;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin:0 0 1rem;padding-bottom:.5rem;display:flex}.mod-meta{font-family:var(--font-primary)}.mod-action{color:var(--accent);font-size:var(--font-size-xs);text-decoration:none}.mod-text{font-size:var(--font-size-body);color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.availability-beacon{border:1px solid var(--border);align-items:center;gap:1rem;padding:1rem;display:flex}.beacon-signal{justify-content:center;align-items:center;width:12px;height:12px;display:flex;position:relative}.beacon-dot{background:var(--accent);z-index:2;border-radius:50%;width:8px;height:8px}.beacon-dot.pulse{animation:2s ease-in-out infinite beaconGlow}.beacon-ring{border:1px solid var(--accent);opacity:.5;border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(0,0,.2,1) infinite ping;position:absolute}.beacon-text{flex-direction:column;display:flex}.status-label{font-size:var(--font-size-xs);color:var(--text-primary);letter-spacing:.5px;font-weight:700}.status-sub{color:var(--text-tertiary);font-size:.65rem}.beacon-action{border:1px solid var(--border);width:100%;color:var(--text-secondary);font-size:var(--font-size-xxs);background:0 0;border-top:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.beacon-action:hover{background:var(--bg-secondary);color:var(--accent)}.skill-monitor{flex-direction:column;gap:.75rem;display:flex}.skill-row{flex-direction:column;gap:4px;display:flex}.skill-info{font-size:var(--font-size-xxs);color:var(--text-secondary);font-family:var(--font-primary);justify-content:space-between;display:flex}.skill-track{background:var(--bg-secondary);border:1px solid var(--border);width:100%;height:4px;position:relative;overflow:hidden}.skill-fill{background:var(--text-tertiary);height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)!important}.skill-row:nth-child(-n+2) .skill-fill{background:var(--accent)}.comm-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.comm-link{text-align:center;border:1px solid var(--border);font-size:var(--font-size-xxs);color:var(--text-secondary);padding:.4rem 0;text-decoration:none;transition:all .2s}.comm-link:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-secondary)}.system-log-terminal{border:1px solid var(--border);font-family:var(--font-primary);font-size:var(--font-size-xs);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.log-row{align-items:flex-start;gap:.75rem;display:flex}.log-time{color:var(--text-tertiary);white-space:nowrap}.log-type{min-width:50px;font-weight:700}.log-type.INFO{color:var(--text-secondary)}.log-type.SUCCESS{color:var(--accent)}.log-type.WARN{color:var(--color-warn)}.log-type.ERROR{color:var(--color-error)}.log-msg{color:var(--text-primary)}.log-cursor{color:var(--accent);margin-top:.25rem}.log-hidden{opacity:0;transform:translate(-10px)}.log-visible{opacity:1;transition:opacity .3s,transform .3s;transform:translate(0)}.activity-wrapper{width:100%;position:relative;overflow:hidden}.heatmap-strip{grid-template-columns:repeat(30,1fr);gap:3px;display:grid}.heat-bit{background:var(--text-tertiary);width:16px;height:16px;transition:opacity .3s}.loading-text{color:var(--text-tertiary);font-size:var(--font-size-xs);text-align:center;padding:1rem 0;animation:1.5s infinite blink}.timeline-entry{gap:1rem;padding-bottom:1.5rem;display:flex;position:relative}.timeline-entry:last-child{padding-bottom:0}.timeline-marker{flex-direction:column;flex-shrink:0;align-items:center;width:16px;display:flex}.t-dot{background:var(--bg-primary);border:2px solid var(--border);z-index:2;border-radius:50%;width:6px;height:6px;margin-top:6px;transition:border-color .2s}.t-line{background:var(--border);z-index:1;flex:1;width:1px;position:absolute;top:12px;bottom:-6px;left:7px}.timeline-entry:last-child .t-line{display:none}.timeline-entry:hover .t-dot{border-color:var(--accent);background:var(--accent)}.timeline-entry:hover .clean-card h3{color:var(--accent)}.clean-card h3,.clean-card h2{font-size:var(--font-size-subtitle);color:var(--text-primary);margin:0 0 .25rem;font-weight:600}.clean-card .date{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:2px;display:block}.clean-card p{font-size:var(--font-size-small);color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.clean-card .post-card{box-shadow:none!important;background:0 0!important;margin:0!important}.newsletter-box{background:var(--bg-secondary);border:1px dashed var(--border);margin-top:1rem;padding:1rem}.nl-head{font-size:var(--font-size-small);color:var(--accent);text-transform:uppercase;margin:0 0 .25rem}.nl-text{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0 0 .75rem}.nl-form{gap:.5rem;display:flex}.nl-form input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);font-size:var(--font-size-xs);font-family:var(--font-primary);flex:1;padding:.4rem}.nl-form button{background:var(--text-primary);color:var(--bg-primary);font-weight:700;font-size:var(--font-size-xs);cursor:pointer;border:none;padding:0 .75rem}.sys-footer{border-top:1px solid var(--border);font-size:var(--font-size-xs);font-family:var(--font-primary);color:var(--text-tertiary);justify-content:space-between;margin-top:4rem;padding-top:1rem;display:flex}.f-left,.f-right{gap:1rem;display:flex}.sys-footer a{color:var(--text-secondary);text-decoration:none}.sys-footer a:hover{color:var(--accent)}.sep{color:var(--border)}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes beaconGlow{0%,to{box-shadow:0 0 #a8b9a866}50%{box-shadow:0 0 8px 4px #a8b9a833}}@keyframes btnGlitch{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:1s step-end infinite cursorBlink}@media (max-width:960px) and (min-width:769px){.home-container{padding:var(--space-md)}.sys-grid{grid-template-columns:150px 1fr;gap:1.5rem}.hero-section{margin-bottom:1rem}.hero-title{font-size:clamp(1.75rem,5vw,2.5rem)}.hero-telemetry{font-size:.7rem}.tele-row{gap:.75rem}.grid-sidebar{gap:1.5rem}.availability-beacon{font-size:var(--font-size-xxs)!important;gap:.5rem!important;padding:.75rem!important}.status-label{font-size:var(--font-size-xxs)!important}.skill-info{font-size:.7rem}.comm-link{font-size:.65rem}.mod-header{font-size:.7rem}.system-log-terminal{padding:.75rem;font-size:.75rem}.heatmap-strip{gap:3px}.heat-bit{height:14px}.clean-card h3{font-size:1.1rem}.clean-card p{font-size:.8rem}.sys-footer{font-size:.7rem}}@media (max-width:768px){.home-container{padding:var(--space-md)var(--space-sm);overflow-x:hidden}.sys-grid{grid-template-columns:1fr;gap:1.5rem}.grid-main{order:1}.grid-sidebar{order:2;gap:1rem}.hero-section{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:1rem;padding-bottom:1.5rem}.hero-main{width:100%}.hero-title{font-size:clamp(2rem,10vw,3rem)}.hero-subtitle{font-size:var(--font-size-body);max-width:100%;line-height:1.4}.hero-actions{gap:.75rem;width:100%;margin-top:1rem}.hero-btn{flex:1;justify-content:center;padding:.75rem 1rem;font-size:.8rem}.hero-telemetry{text-align:center;border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:0;width:100%;margin-top:.5rem;padding:.75rem;display:grid}.tele-row{border-right:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.7rem}.tele-row:last-child{border-right:none}.availability-beacon{padding:.6rem}.status-label{font-size:.65rem}.status-sub{font-size:.55rem}.skill-row{gap:4px}.skill-track{height:5px}.skill-info{font-size:.65rem}.comm-grid{gap:.25rem}.comm-link{white-space:nowrap;text-overflow:ellipsis;padding:.5rem .25rem;font-size:.6rem;overflow:hidden}.grid-main{gap:1rem}.sys-module{overflow:hidden}.system-log-terminal{padding:.6rem;font-size:.65rem;overflow-x:hidden}.log-row{flex-wrap:wrap;gap:.25rem}.log-time{font-size:.6rem}.log-type{min-width:40px;font-size:.6rem}.log-msg{word-break:break-word;width:100%;font-size:.65rem}.heatmap-strip{grid-template-columns:repeat(15,1fr);gap:3px}.heat-bit{aspect-ratio:1;width:100%;height:14px}.timeline-entry{padding-bottom:1rem}.timeline-marker{display:none}.timeline-content{width:100%}.clean-card h3{word-break:break-word;font-size:1rem}.clean-card p{font-size:.8rem}.sys-footer{text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.65rem}.f-left,.f-right{justify-content:center}.nl-form{flex-direction:column}.nl-form input,.nl-form button{width:100%;padding:.6rem}.mod-header{flex-wrap:wrap;gap:.25rem;font-size:.6rem;overflow:hidden}.mod-meta{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:.55rem;overflow:hidden}.activity-wrapper{padding:0}.activity-wrapper .mod-header{margin-bottom:.75rem}}@media (max-width:480px){html,body{max-width:100vw!important;overflow-x:hidden!important}.home-container{padding:var(--space-xs);width:100%;max-width:100%}.sys-grid,.grid-main,.grid-sidebar,.sys-module{max-width:100%;overflow-x:hidden}.hero-section{gap:.75rem;margin-bottom:1rem}.hero-title{font-size:var(--font-size-title);word-break:break-word;overflow-wrap:break-word}.hero-actions{flex-direction:column}.hero-btn{width:100%;font-size:var(--font-size-xxs);padding:.5rem}.hero-telemetry{gap:.25rem;padding:.4rem}.tele-row,.t-label{font-size:var(--font-size-xxs)}.beacon-ring{display:none}.heatmap-strip{grid-template-columns:repeat(6,1fr)}.heat-bit{height:12px}.comm-link{font-size:var(--font-size-xxs);padding:.4rem .1rem}.system-log-terminal{font-size:var(--font-size-xxs);padding:.5rem}.log-time{display:none}.log-row{max-width:100%}.log-type{min-width:35px}.log-msg{word-break:break-word;overflow-wrap:break-word}.mod-header{font-size:var(--font-size-xxs)}.mod-meta{display:none}.clean-card h3{font-size:var(--font-size-small)}.timeline-content{max-width:100%;overflow:hidden}.skill-info{font-size:var(--font-size-xxs)}.post-card{max-width:100%;overflow:hidden}.post-title,.post-excerpt{word-break:break-word;overflow-wrap:break-word}.post-tags{max-width:100%;flex-wrap:wrap!important}.activity-wrapper{margin-bottom:.5rem}.activity-wrapper .mod-header{margin-bottom:.5rem;font-size:.55rem}.activity-wrapper .mod-header .mod-meta{display:none}.activity-wrapper .heatmap-strip{grid-template-columns:repeat(15,1fr);gap:1px}.activity-wrapper .heat-bit{border-radius:1px;height:12px}}@media (max-width:360px){.hero-btn.primary{margin-top:var(--space-xs)}.activity-wrapper .mod-header{font-size:.5rem}.activity-wrapper .heatmap-strip{grid-template-columns:repeat(15,1fr);gap:2px}.activity-wrapper .heat-bit{height:10px}}@media (max-width:320px){.home-container{padding:2px}.hero-title{font-size:1.15rem!important}.hero-subtitle{font-size:.7rem}.hero-btn{padding:.35rem .5rem;font-size:.55rem}.tele-row{font-size:.5rem}.activity-wrapper .heatmap-strip{grid-template-columns:repeat(4,1fr)!important}.activity-wrapper .heat-bit{height:8px}.comm-link{padding:.35rem .15rem;font-size:.48rem}.system-log-terminal{padding:.4rem;font-size:.55rem}.clean-card h3{font-size:.85rem}.clean-card p{font-size:.7rem}.sys-footer{font-size:.55rem}}