.unix-page{max-width:800px;margin:0 auto;padding:2rem 1.5rem 4rem}.unix-page .breadcrumb{color:var(--color-text-tertiary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.unix-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.unix-page .breadcrumb a:hover{text-decoration:underline}.unix-page .breadcrumb .separator{color:var(--color-border)}.unix-page .breadcrumb .current{color:var(--color-text-secondary)}.unix-hero{text-align:center;margin-bottom:2rem}.unix-hero h1{color:var(--color-text-primary);margin:0 0 .5rem;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800}.unix-subtitle{color:var(--color-text-secondary);margin:0;font-size:1.125rem}.current-timestamp{text-align:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,#22c55e26,#3b82f626);border:1px solid #22c55e33;margin-bottom:2rem;padding:2rem}.current-timestamp h2{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:1rem;font-weight:600}.timestamp-display{justify-content:center;align-items:center;gap:1rem;display:flex}.timestamp-value{color:var(--color-text-primary);font-family:Roboto Mono,monospace;font-size:clamp(2rem,8vw,3.5rem);font-weight:800}.copy-btn{background:var(--color-accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.copy-btn:hover{background:var(--color-accent-hover)}.timestamp-millis{color:var(--color-text-tertiary);justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;font-family:Roboto Mono,monospace;font-size:.875rem;display:flex}.copy-sm{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff1a;padding:.25rem .5rem;font-size:.6875rem}.copy-sm:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.converter-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.converter-section h2{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.section-desc{color:var(--color-text-tertiary);margin:0 0 1rem;font-size:.875rem}.input-row{gap:.75rem;display:flex}.input-row input{background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1;padding:.875rem 1rem;font-family:Roboto Mono,monospace;font-size:1rem}.input-row input:focus{border-color:var(--color-accent);outline:none}.convert-btn{background:var(--color-accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600}.convert-btn:hover{background:var(--color-accent-hover)}.date-inputs{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.input-group{flex:1;min-width:150px}.input-group label{color:var(--color-text-tertiary);margin-bottom:.375rem;font-size:.75rem;display:block}.input-group input{background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);padding:.75rem;font-size:.9375rem}.input-group input:focus{border-color:var(--color-accent);outline:none}.result-card{background:var(--color-bg-primary);border-radius:var(--radius-md);margin-top:1rem;padding:1rem}.result-row{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.result-row:last-child{border-bottom:none}.result-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem}.result-value{color:var(--color-text-primary);text-align:right;font-size:.875rem}.result-value.mono{font-family:Roboto Mono,monospace}.result-with-copy{align-items:center;gap:.5rem;display:flex}.reference-section{margin-bottom:2rem}.reference-section h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.125rem;font-weight:700}.reference-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;display:grid}.reference-item{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:.25rem;padding:1rem;display:flex}.ref-label{color:var(--color-text-tertiary);font-size:.75rem}.ref-value{color:var(--color-text-primary);font-family:Roboto Mono,monospace;font-size:1rem;font-weight:600}.info-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.info-section h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.info-section h3{color:var(--color-text-primary);margin:1.5rem 0 .75rem;font-size:1rem;font-weight:600}.info-section p{color:var(--color-text-secondary);margin:0 0 1rem;line-height:1.7}.info-section ul{margin:0;padding-left:1.5rem}.info-section li{color:var(--color-text-secondary);margin-bottom:.5rem;line-height:1.7}.info-section li strong{color:var(--color-text-primary)}.unix-page .faq-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.unix-page .faq-section h2{color:var(--color-text-primary);margin:0 0 1.5rem;font-size:1.25rem;font-weight:700}.unix-page .faq-item{background:var(--color-bg-primary);border-radius:var(--radius-md);margin-bottom:1rem;padding:1.25rem}.unix-page .faq-item:last-child{margin-bottom:0}.unix-page .faq-item h3{color:var(--color-text-primary);margin:0 0 .75rem;font-size:.9375rem;font-weight:600}.unix-page .faq-item p{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.6}.related-section{margin-bottom:2rem}.related-section h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.125rem;font-weight:700}.related-links{flex-wrap:wrap;gap:.75rem;display:flex}.related-links a{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-fast);padding:.625rem 1rem;font-size:.875rem;text-decoration:none}.related-links a:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}@media (max-width:768px){.unix-page{padding:1.5rem 1rem 3rem}.current-timestamp{padding:1.5rem}.timestamp-display{flex-direction:column;gap:.75rem}.input-row,.date-inputs{flex-direction:column}.date-inputs .convert-btn{width:100%}.reference-grid{grid-template-columns:repeat(2,1fr)}.info-section,.unix-page .faq-section{padding:1.5rem}}