:root{--bg-primary:#0f1117;--bg-secondary:#1a1d27;--bg-card:#212431;--bg-input:#161922;--border-color:#2d3148;--text-primary:#e8e9ed;--text-secondary:#9ca3b0;--text-muted:#6b7280;--accent:#3b82f6;--accent-hover:#2563eb;--accent-glow:rgba(59, 130, 246, 0.15);--success:#10b981;--radius:10px;--radius-lg:14px}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.breadcrumb a{color:var(--accent);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-sep{color:var(--text-muted)}[aria-current=page]{color:var(--text-primary);font-weight:500}.main{max-width:640px;margin:0 auto;padding:2rem 1.5rem 4rem}h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem}.current-timestamp{background:var(--bg-secondary);border:1px solid var(--accent);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.current-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.current-row{display:flex;align-items:center;gap:.75rem}.current-value{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.current-date{font-size:.9rem;color:var(--text-secondary)}.converter-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;margin-bottom:1.5rem}.converter-card h2{font-size:1.15rem;margin-bottom:1.25rem}.converter-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius);padding:.7rem .9rem;color:var(--text-primary);font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group input::placeholder{color:var(--text-muted)}.input-with-btn{display:flex;gap:.5rem}.input-with-btn input{flex:1}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:scale(.98)}.btn-copy{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:.5rem .85rem;font-size:.8rem;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}.btn-copy:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-copy.copied{background:var(--success);color:#fff;border-color:var(--success)}.btn-sm{padding:.3rem .65rem;font-size:.75rem}.result-box{margin-top:1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.result-row{display:flex;align-items:center;gap:.75rem}.result-label{font-size:.8rem;color:var(--text-muted);min-width:130px;flex-shrink:0}.result-value{font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums;word-break:break-all}@media (max-width:600px){h1{font-size:1.35rem}.main{padding:1.25rem 1rem 3rem}.current-value{font-size:1.2rem}.result-row{flex-wrap:wrap}.result-label{min-width:unset;width:100%}}