:root{--dm-font-display:var(--dm-font);color-scheme:light}
/* datamynt-ui-bug: .dm-input er hardkodet mørk (gray-900/white) — respekterer ikke lyst
   tema. Override til theme-aware (fiks også i datamynt-ui-source). */
.dm-input,.dm-textarea,.dm-select{background:var(--dm-surface);color:var(--dm-fg)}
*{box-sizing:border-box}
body{margin:0;background:var(--dm-bg);color:var(--dm-fg);font-family:var(--dm-font);line-height:var(--dm-leading);-webkit-font-smoothing:antialiased}
a{color:var(--dm-accent);text-decoration:none}a:hover{text-decoration:underline}
.nav{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;border-bottom:1px solid var(--dm-border);background:var(--dm-surface)}
.nav .brand{font-weight:800;font-size:20px;color:var(--dm-fg);letter-spacing:-.03em}
.nav .brand span{color:var(--dm-accent)}.nav .brand:hover{text-decoration:none}
.nav .links{display:flex;gap:22px;align-items:center}
.nav .links a{color:var(--dm-muted);font-size:14px;font-weight:500}.nav .links a:hover{color:var(--dm-fg);text-decoration:none}
body.lander{background:radial-gradient(115% 75% at 50% -12%,color-mix(in srgb,var(--dm-accent) 9%,var(--dm-bg)),var(--dm-bg) 58%)}
.hero{max-width:680px;margin:0 auto;padding:11vh 24px 6vh;text-align:center}
.hero h1{font-size:clamp(2.3rem,5.5vw,3.2rem);line-height:1.05;margin:0 0 16px;letter-spacing:-.03em;font-weight:800}
.hero .sub{color:var(--dm-muted);font-size:1.2rem;margin:0 auto 32px;max-width:500px}
.searchrow{display:flex;gap:10px;max-width:560px;margin:0 auto}
.searchrow .dm-field{flex:1;margin:0}
.searchrow .dm-input{height:58px;font-size:1.08rem;border-radius:var(--dm-r-lg);box-shadow:var(--dm-shadow-md)}
.searchrow .dm-btn{height:58px;padding:0 32px;border-radius:var(--dm-r-lg);font-size:1.02rem;box-shadow:var(--dm-shadow-md)}
.chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:18px auto 0;max-width:560px;align-items:center}
.chip{font-size:.82rem;color:var(--dm-muted);background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:var(--dm-r-pill);padding:6px 13px}
.chip b{color:var(--dm-fg);font-weight:600}
.chips .more{color:var(--dm-accent);font-size:.82rem;font-weight:600;text-decoration:none}.chips .more:hover{text-decoration:underline}
.tpills{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:32px auto 0}
.tpills .tp{font-size:.82rem;color:var(--dm-muted);display:inline-flex;align-items:center;gap:6px}
.tpills .tp::before{content:"✓";color:var(--dm-success);font-weight:700}
.trust{color:var(--dm-muted);font-size:.85rem;margin-top:34px}
.alt{color:var(--dm-muted);font-size:.95rem;margin-top:8px}
.notify{max-width:440px;margin:10px auto 0;display:flex;gap:8px}
.notify .dm-field{flex:1;margin:0}
.wrap{max-width:660px;margin:0 auto;padding:24px 24px 64px}
.wrap .back{display:inline-block;color:var(--dm-muted);font-size:.85rem;margin-bottom:16px}
.searchrow.compact{max-width:none;margin:0 0 26px}
.searchrow.compact .dm-input,.searchrow.compact .dm-btn{height:48px;font-size:1rem}
.exact{border:1px solid var(--dm-border);border-radius:var(--dm-r-lg);background:var(--dm-surface);padding:20px 22px;margin-bottom:6px;box-shadow:var(--dm-shadow-sm)}
.exact.ledig{border-color:color-mix(in srgb,var(--dm-success) 45%,var(--dm-border))}
.exact .top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.exact .dom{font-size:1.45rem;font-weight:700;letter-spacing:-.01em}
.exact .price{margin-left:auto;text-align:right}
.exact .price b{font-size:1.4rem;font-weight:700}.exact .price s{display:block;color:var(--dm-muted);font-size:.75rem;text-decoration:none}
.exact .note{color:var(--dm-muted);font-size:.88rem;margin:12px 0 0}
.lbl{color:var(--dm-muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin:26px 0 10px}
.tldrow{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--dm-border);border-radius:var(--dm-r-md);background:var(--dm-surface);margin-bottom:8px;transition:border-color var(--dm-t-fast)}
.tldrow.ledig:hover{border-color:var(--dm-accent)}
.tldrow .name{font-weight:600;font-size:1.02rem}.tldrow .name .x{color:var(--dm-accent)}
.tldrow .st{margin-left:auto}
.tldrow .price{font-weight:700;font-size:1.02rem;min-width:96px;text-align:right}
.tldrow.taken{opacity:.5}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:6px 0 12px}
.fact{background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:var(--dm-r-md);padding:10px 13px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.fact .fl{color:var(--dm-muted);font-size:.78rem}.fact .fv{font-weight:600;font-size:.85rem}
.empty{color:var(--dm-muted)}
.fine{color:var(--dm-muted);font-size:.8rem;margin-top:26px}
code{font-family:var(--dm-mono);background:var(--dm-gray-100);padding:2px 6px;border-radius:var(--dm-r-sm);font-size:.85em}
h2.sec{font-size:1.05rem;margin:24px 0 10px}
.dh{font-size:1.6rem;margin:14px 0 6px;letter-spacing:-.02em}
.fact .fv.ok{color:var(--dm-success)}.fact .fv.warn{color:var(--dm-warning)}.fact .fv.bad{color:var(--dm-danger)}
.recipe{border:1px solid var(--dm-border);border-radius:var(--dm-r-md);background:var(--dm-surface);padding:14px 16px;margin:8px 0}
.recipe b{font-size:.95rem}.recipe p{margin:6px 0;font-size:.85rem;color:var(--dm-muted)}
.rec{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.recname,.recval{font-family:var(--dm-mono);background:var(--dm-gray-100);padding:4px 8px;border-radius:var(--dm-r-sm);font-size:.78rem}
.recname{color:var(--dm-muted)}.recval{color:var(--dm-accent);user-select:all;word-break:break-all}
.dm-alert{margin:0 0 12px}
.regform{border:1px solid var(--dm-border);border-radius:var(--dm-r-md);background:var(--dm-surface);padding:14px 16px;margin:12px 0}
.regform .rrow{display:flex;gap:12px;align-items:center;margin:8px 0}
.regform label{width:200px;color:var(--dm-muted);font-size:.85rem}.regform .dm-input{flex:1}
.regtable{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:var(--dm-r-md);overflow:hidden}
.regtable th{text-align:left;color:var(--dm-muted);font-weight:500;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:10px 14px;background:var(--dm-gray-100)}
.regtable td{padding:10px 14px;border-top:1px solid var(--dm-border);color:var(--dm-muted)}
.regtable td.host{font-weight:600;color:var(--dm-fg)}
.loginwrap{max-width:24rem;margin:8vh auto;padding:0 1.2rem}
.tldgridall{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.tldp{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border:1px solid var(--dm-border);border-radius:var(--dm-r-md);background:var(--dm-surface);text-decoration:none;color:var(--dm-fg);font-size:.9rem;transition:border-color var(--dm-t-fast)}
.tldp:hover{border-color:var(--dm-accent);text-decoration:none}
.tldp .x{font-weight:700}.tldp .pp{color:var(--dm-muted);font-size:.8rem}
@media(max-width:600px){.nav .links a:first-child{display:none}}