:root{--bg:#0b0e14;--card:#11151f;--border:#232a3a;--text:#e6e9f0;--muted:#8b93a7;--accent:#6ea8fe;--accent-2:#7ee0c0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:light){:root{--bg:#f5f6f9;--card:#fff;--border:#e1e4ea;--text:#1b1f2a;--muted:#626a7d;--accent:#2f6fed;--accent-2:#0f9d78}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.wrap{max-width:920px;margin:0 auto;padding:2rem 1.25rem 4rem}header{margin-bottom:1.5rem;& h1{margin:0 0 .25rem;font-size:1.75rem}}.subtitle{color:var(--muted);margin:0}.header-top{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.header-actions{align-items:center;gap:.5rem;display:flex}.lang-switch{gap:.4rem;font-size:.85rem;display:flex;& a{color:var(--muted);text-decoration:none;&:hover{color:var(--accent)}&[aria-current=page]{color:var(--accent);font-weight:600}}& span{color:var(--border)}}.icon-btn{width:2rem;height:2rem;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;text-decoration:none;transition:background .15s,color .15s;display:inline-flex;&:hover{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent)}}.donate-btn{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex;&:hover{background:color-mix(in srgb, var(--accent) 22%, transparent);transform:translateY(-1px)}}.donate-label-short{display:none}@media (width<=480px){.donate-label-full{display:none}.donate-label-short{display:inline}}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:1.25rem;padding:1.25rem;& h2{margin:0 0 1rem;font-size:1.05rem}}.mono{font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace}.big{font-size:1.4rem;font-weight:600}.label{color:var(--muted);margin-bottom:.25rem;font-size:.75rem;display:block}.tz-picker{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex;& .label{white-space:nowrap;margin:0}}.tz-select{flex:1;max-width:320px}.clock-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.clock-row{align-items:center;gap:.5rem;display:flex}.converters-wrap{flex-flow:wrap;gap:1.25rem;display:flex;& .card{flex:1}}@media (width<=720px){.converters-wrap,.clock-grid{grid-template-columns:1fr}}.field-row{gap:.5rem;margin-bottom:.75rem;display:flex}input,select,textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.55rem .65rem;font-size:.95rem}#epoch-input,#date-input{flex:1}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%238b93a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='5 8 10 13 15 8'/%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;background-size:.8rem;padding-right:2rem}textarea{resize:vertical;width:100%}.presets{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.chip{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:.3rem .7rem;font-size:.8rem;&:hover{border-color:var(--accent);color:var(--accent)}}.copy-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .6rem;font-size:.75rem;&:hover{color:var(--accent);border-color:var(--accent)}&.small{margin-left:auto}}.result-list{flex-direction:column;gap:.5rem;display:flex}.result-row{border-bottom:1px dashed var(--border);align-items:center;gap:.6rem;padding:.4rem 0;display:flex;& .label{min-width:130px;margin:0}& .mono{flex:1}}.hint{color:var(--muted);margin:-.25rem 0 .75rem;font-size:.85rem}.batch-table-wrap{margin-top:.75rem;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.45rem .6rem}th{color:var(--muted);font-weight:500}.cheat-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}@media (width<=720px){.cheat-grid{grid-template-columns:repeat(2,1fr)}}footer{text-align:center;color:var(--muted);margin-top:2rem;font-size:.8rem}.faq-list{flex-direction:column;gap:.5rem;display:flex}.faq-item{border:1px solid var(--border);border-radius:8px;padding:.7rem .9rem;& summary{cursor:pointer;font-weight:500}& p{color:var(--muted);margin:.6rem 0 0;font-size:.9rem;line-height:1.5}}