.datetime-module__mqKp3G__page{background-color:var(--bg);background-image:radial-gradient(circle,var(--border)1px,transparent 1px);height:100dvh;font-family:var(--font-mono);color:var(--text);background-size:28px 28px;flex-direction:column;padding:20px;display:flex;overflow:hidden}.datetime-module__mqKp3G__header{margin-bottom:16px}.datetime-module__mqKp3G__eyebrow{letter-spacing:.2em;color:var(--accent);text-transform:uppercase;gap:.4em;margin-bottom:8px;font-size:10px;display:flex}.datetime-module__mqKp3G__title{letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0 0 4px;font-size:20px;font-weight:700}.datetime-module__mqKp3G__tagline{color:var(--muted);letter-spacing:.02em;margin:0;font-size:12px}.datetime-module__mqKp3G__divider{border:none;border-top:1px solid var(--border);margin:0 0 16px}.datetime-module__mqKp3G__icon{margin-right:4px}.datetime-module__mqKp3G__docsLink{color:var(--muted);align-items:center;transition:color .15s;display:flex}.datetime-module__mqKp3G__docsLink:hover{color:var(--accent)}.datetime-module__mqKp3G__domainLink{color:var(--accent);align-items:center;transition:color .15s;display:flex}.datetime-module__mqKp3G__badge{background-color:var(--accent-subtle);border:1px solid var(--accent-border);letter-spacing:.1em;color:var(--accent);text-transform:uppercase;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.datetime-module__mqKp3G__badgeBlue{letter-spacing:.1em;color:#3b82f6;text-transform:uppercase;background-color:#3b82f618;border:1px solid #3b82f633;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.datetime-module__mqKp3G__badgeError{letter-spacing:.1em;color:#ef4444;text-transform:uppercase;background-color:#ef444418;border:1px solid #ef444433;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.datetime-module__mqKp3G__badgeReady{background-color:var(--accent-subtle);border:1px solid var(--accent-border);letter-spacing:.1em;color:var(--accent);text-transform:uppercase;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.datetime-module__mqKp3G__fieldLabel,.datetime-module__mqKp3G__panelLabel{text-transform:uppercase;color:var(--muted);letter-spacing:.12em;font-size:10px;font-weight:600}.datetime-module__mqKp3G__inputRow{align-items:center;gap:8px;margin-bottom:16px;display:flex}.datetime-module__mqKp3G__inputField{background-color:var(--card-bg);color:var(--text);border:1px solid var(--border);font-family:var(--font-mono);box-sizing:border-box;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:12px;line-height:1.5}.datetime-module__mqKp3G__inputField:focus{box-shadow:inset 0 0 0 1px var(--accent);border-color:var(--accent)}.datetime-module__mqKp3G__nowBtn{border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border-radius:100px;flex-shrink:0;align-items:center;gap:5px;padding:3px 10px;font-size:10px;font-weight:700;transition:border-color .15s,color .15s;display:inline-flex}.datetime-module__mqKp3G__nowBtn:hover{border-color:var(--accent-border);color:var(--accent)}.datetime-module__mqKp3G__nowBtn:disabled{opacity:.4;cursor:default}.datetime-module__mqKp3G__nowBtnActive{border-color:var(--accent-border);color:var(--accent)}.datetime-module__mqKp3G__conversionGrid{border:1px solid var(--border);background-color:var(--card-bg);border-radius:8px;flex:1;min-height:0;margin-bottom:16px;overflow-y:auto}.datetime-module__mqKp3G__conversionRow{border-bottom:1px solid var(--border);grid-template-columns:140px 1fr auto;align-items:center;gap:12px;padding:8px 14px;display:grid}.datetime-module__mqKp3G__conversionRow:last-child{border-bottom:none}.datetime-module__mqKp3G__conversionLabel{text-transform:uppercase;color:var(--muted);letter-spacing:.1em;white-space:nowrap;font-size:10px;font-weight:600}.datetime-module__mqKp3G__conversionValue{font-family:var(--font-mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.datetime-module__mqKp3G__conversionValueEmpty{font-family:var(--font-mono);color:var(--muted);font-size:11px;font-style:italic}.datetime-module__mqKp3G__copyRowBtn{background-color:var(--accent-subtle);border:1px solid var(--accent-border);font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent);text-transform:uppercase;cursor:pointer;white-space:nowrap;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:9px;font-weight:700;transition:background-color .15s}.datetime-module__mqKp3G__copyRowBtn:hover{background-color:var(--accent-hover)}.datetime-module__mqKp3G__copyRowBtn.datetime-module__mqKp3G__copied{background-color:var(--accent);border-color:var(--accent);color:var(--bg)}.datetime-module__mqKp3G__rowActions{align-items:center;gap:6px;display:flex}.datetime-module__mqKp3G__copyRowBtnDisabled{font-family:var(--font-mono);letter-spacing:.1em;color:#0000;text-transform:uppercase;cursor:default;background-color:#0000;border:1px solid #0000;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:9px;font-weight:700}.datetime-module__mqKp3G__permalinkRow{align-items:center;gap:8px;margin-bottom:16px;display:flex}.datetime-module__mqKp3G__permalinkUrl{color:var(--text);background-color:var(--bg);border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-family:var(--font-mono);border-radius:4px;flex:1;padding:6px 10px;overflow:hidden}.datetime-module__mqKp3G__copyBtn{background-color:var(--accent-subtle);border:1px solid var(--accent-border);font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);text-transform:uppercase;cursor:pointer;border-radius:4px;flex-shrink:0;padding:6px 14px;font-size:10px;font-weight:700;transition:background-color .15s}.datetime-module__mqKp3G__copyBtn:hover{background-color:var(--accent-hover)}.datetime-module__mqKp3G__copyBtn.datetime-module__mqKp3G__copied{background-color:var(--accent);border-color:var(--accent);color:var(--bg)}.datetime-module__mqKp3G__resetBtn{font-family:var(--font-mono);letter-spacing:.12em;color:#ef4444;text-transform:uppercase;cursor:pointer;background-color:#ef444418;border:1px solid #ef444433;border-radius:4px;flex-shrink:0;padding:6px 14px;font-size:10px;font-weight:700;transition:background-color .15s}.datetime-module__mqKp3G__resetBtn:hover{background-color:#ef444430}