.timestamp-converter{background:var(--light);border:1px solid var(--border);border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a}.converter-section{border-bottom:1px solid var(--border);margin-bottom:30px;padding-bottom:30px}.converter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.converter-section h3{color:var(--foreground);margin-bottom:20px;font-size:1.25rem;font-weight:700}.converter-form{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.converter-input,.converter-result{border:1px solid var(--border);background:var(--background);min-width:200px;color:var(--foreground);border-radius:8px;flex:1;padding:10px 16px;font-size:14px;transition:all .3s}.converter-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.converter-result{background:var(--background);cursor:default;opacity:.8}.converter-select{border:1px solid var(--border);background:var(--background);min-width:120px;color:var(--foreground);cursor:pointer;border-radius:8px;padding:10px 16px;font-size:14px;transition:all .3s}.converter-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.converter-button{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.converter-button:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.converter-button:active{transform:translateY(0)}.dark .timestamp-converter{background:var(--background);border-color:var(--border);box-shadow:0 2px 4px #0003}.dark .converter-section h3{color:var(--foreground)}.dark .converter-input,.dark .converter-result,.dark .converter-select{background:var(--background);color:var(--foreground);border-color:var(--border)}.dark .converter-input:focus,.dark .converter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f633}.dark .converter-button{background:var(--primary)}.dark .converter-button:hover{background:var(--primary-hover)}@media (max-width:768px){.timestamp-converter{padding:20px}.converter-form{flex-direction:column;align-items:stretch}.converter-input,.converter-result,.converter-select,.converter-button{width:100%;min-width:auto}}
.timestamp-page{background:var(--background);color:var(--foreground);font-family:var(--font-sans);padding:60px 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.timestamp-page h1{color:var(--foreground);text-align:center;margin-bottom:16px;font-size:2.5rem;font-weight:700}.timestamp-page p{color:var(--secondary);text-align:center;max-width:800px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.125rem}.dark .timestamp-page{background:var(--background);color:var(--foreground)}.dark .timestamp-page h1{color:var(--foreground)}.dark .timestamp-page p{color:var(--secondary)}