.human-time-demo{color:var(--white);font-family:var(--font-dm-sans);background-color:var(--black);min-height:100vh;padding:80px 24px}.demo-header{text-align:left;max-width:1200px;margin:0 auto 64px}.demo-quote{font-family:var(--font-fraunces);color:var(--accent);max-width:800px;margin-bottom:16px;font-size:clamp(24px,3vw,36px);font-style:italic;line-height:1.2}.demo-subtitle{color:var(--muted);max-width:600px;font-size:18px;font-weight:300;line-height:1.6}.demo-grid{grid-template-columns:1fr;gap:32px;max-width:1200px;margin:0 auto;display:grid}@media (min-width:1000px){.demo-grid{grid-template-columns:320px 1fr 380px}}.demo-card{background:var(--surface);border:1px solid var(--border-light);border-radius:16px;flex-direction:column;gap:24px;height:100%;padding:24px;display:flex}.demo-card-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--white);border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:12px;font-size:14px;font-weight:700}.control-group{flex-direction:column;gap:12px;display:flex}.control-header{justify-content:space-between;align-items:center;display:flex}.control-label{color:var(--muted);font-family:monospace;font-size:13px}.control-value{color:var(--accent);background:#c8ff571a;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:13px}.control-slider{appearance:none;background:var(--surface-2);border:1px solid var(--border-light);z-index:10;cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px;position:relative}.control-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 0 10px #c8ff5780}.control-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 0 10px #c8ff5780}.control-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.control-slider::-moz-range-thumb:hover{transform:scale(1.2)}.feed-list{flex-direction:column;gap:16px;max-height:60vh;padding-right:8px;display:flex;overflow-y:auto}.feed-item{background:var(--surface-2);border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:background .2s;display:flex}.feed-item:hover{background:var(--surface-3);border-color:#ffffff1a}.feed-avatar{background:linear-gradient(135deg,var(--surface-2),var(--surface-3));border:1px solid var(--border-light);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;display:flex}.feed-content{flex-direction:column;flex:1;gap:4px;display:flex}.feed-title{color:var(--white);font-size:14px;font-weight:500}.feed-meta{color:var(--muted);font-size:13px}.feed-time{color:var(--accent);white-space:nowrap;background:#c8ff570d;border:1px solid #c8ff5733;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.code-window{border:1px solid var(--border-light);background:#0d0d0d;border-radius:12px;overflow:hidden}.code-header{border-bottom:1px solid var(--border-light);background:#151515;align-items:center;gap:8px;padding:12px 16px;display:flex}.code-dot{border-radius:50%;width:10px;height:10px}.code-dot.red{background:#ff5f57}.code-dot.yellow{background:#febc2e}.code-dot.green{background:#28c840}.code-title{color:var(--muted);margin-left:auto;font-family:monospace;font-size:12px}.code-content{color:#c9d1d9;white-space:pre-wrap;margin:0;padding:20px 16px;font-family:monospace;font-size:13px;line-height:1.5}.token-keyword{color:#ff7b72}.token-function{color:#d2a8ff}.token-string{color:#a5d6ff}.token-number{color:#79c0ff}.token-operator{color:#ff7b72}.token-comment{color:#8b949e}