:root{--bg-base:#f7f2e8;--bg-surface:#ede5d0;--bg-card:#e4d5bc;--bg-card-hover:#dac9aa;--bg-detail:#faf7f2;--border:#c8a882;--border-bright:#f07898;--border-active:#d85878;--accent:#d85878;--accent-dim:#d858781f;--accent-glow:#d8587812;--danger:#c0405a;--danger-dim:#c0405a1a;--success:#5e8a72;--success-dim:#5e8a721f;--text-primary:#2c1a14;--text-secondary:#6b4a38;--text-muted:#9c7a60;--mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--sans:"Inter", -apple-system, "Segoe UI", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition:.28s cubic-bezier(.16, 1, .3, 1);--left-w:360px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.snap-container{width:100%}.snap-section{flex-direction:column;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 32px}.flex-center{justify-content:center;align-items:center;display:flex}.mono-font{font-family:var(--mono)}.text-accent{color:var(--accent)}.border-offset-box{border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius-md);position:relative}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{background:var(--accent);vertical-align:middle;width:2px;height:1em;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}::selection{background:var(--accent-dim);color:var(--text-primary)}.projects-layout{grid-template-columns:var(--left-w) 1fr;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-detail);gap:0;height:calc(100vh - 200px);display:grid;overflow:hidden}.projects-left{border-right:1px solid var(--border);background:var(--bg-detail);height:100%;overflow-y:auto}.left-header{border-bottom:1px solid var(--border);font-family:var(--mono);color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;background:var(--bg-surface);padding:12px 16px 10px;font-size:.68rem}.project-list-item{border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition), border-left-color var(--transition);text-align:left;border-left:4px solid #0000;padding:12px 16px;position:relative}.project-list-item:last-child{border-bottom:none}.project-list-item:hover{background:var(--bg-card-hover)}.project-list-item.active{background:var(--bg-card);border-left-color:var(--accent)}.list-item-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.list-item-index{font-family:var(--mono);color:var(--text-muted);letter-spacing:.1em;font-size:.62rem}.list-item-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:2px;font-size:.95rem;font-weight:600}.project-list-item.active .list-item-title{color:var(--accent)}.list-item-sub{color:var(--text-secondary);margin-bottom:8px;font-size:.75rem;line-height:1.4}.list-item-badges{flex-wrap:wrap;gap:5px;display:flex}.mini-badge{font-family:var(--mono);border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);letter-spacing:.02em;background:#ffffff0a;padding:2px 7px;font-size:.6rem}.project-list-item.active .mini-badge{border-color:var(--accent-dim);color:var(--text-secondary)}.projects-right{background:var(--bg-detail);flex-direction:column;height:100%;display:flex;overflow-y:auto}.project-grid-responsive{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}@media (width<=992px){:root{--left-w:280px}.project-grid-responsive{grid-template-columns:1fr;gap:16px}}@media (width<=768px){html{font-size:14px;overflow-y:auto}.snap-container{scroll-snap-type:none;height:auto;overflow-y:visible}.snap-section{scroll-snap-align:none;height:auto;min-height:100vh;padding-top:80px;padding-bottom:40px}.projects-layout{grid-template-columns:1fr;height:auto}.projects-left{border-right:none;border-bottom:1px solid var(--border);height:300px}.projects-right{height:auto}.container{padding:0 20px}.stat-divider{display:none}}