:root {
    --ink: #F0EDE8;
    --ink-dim: rgba(240,237,232,0.55);
    --ink-faint: rgba(240,237,232,0.22);
    --accent: #00C896;
    --bg: #0F0F1A;
}
*, *::before, *::after { box-sizing: border-box; }
body { font-family: 'DM Sans', sans-serif; background: var(--bg); color: var(--ink); margin: 0; min-height: 100vh; }
.mag-veil { position: fixed; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(to bottom, rgba(15,15,26,0.82) 0%, rgba(15,15,26,0.96) 60%); }

/* Section headers */
.section-head { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.25rem; }
.section-head-label { font-family: 'DM Mono', monospace; font-size: 0.65rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--accent); white-space: nowrap; }
.section-head-rule { flex: 1; height: 1px; background: var(--ink-faint); }
.panel { background: rgba(255,255,255,0.035); border: 1px solid var(--ink-faint); border-radius: 12px; padding: 1.5rem; margin-bottom: 1rem; }

/* Buttons */
.btn-primary { font-family: 'DM Mono', monospace; font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase; padding: 0.6rem 1.4rem; background: var(--accent); color: var(--bg); border: none; border-radius: 5px; cursor: pointer; transition: opacity 0.14s; display: inline-block; text-decoration: none; }
.btn-primary:hover { opacity: 0.85; }
.btn-danger { font-family: 'DM Mono', monospace; font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase; padding: 0.6rem 1.4rem; background: transparent; border: 1px solid rgba(255,80,80,0.5); color: rgba(255,80,80,0.8); border-radius: 5px; cursor: pointer; transition: all 0.14s; display: inline-block; text-decoration: none; }
.btn-danger:hover { background: rgba(255,80,80,0.15); border-color: rgba(255,80,80,0.8); }

/* Links */
.link-muted { font-family: 'DM Mono', monospace; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-dim); text-decoration: none; border-bottom: 1px solid transparent; transition: all 0.12s; }
.link-muted:hover { color: var(--ink); border-bottom-color: var(--ink-dim); }
.link-accent { font-family: 'DM Mono', monospace; font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.12s; }
.link-accent:hover { border-bottom-color: var(--accent); }

/* Form fields */
.field-label { font-family: 'DM Mono', monospace; font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-dim); margin-bottom: 0.4rem; display: block; }
.field-input { width: 100%; padding: 0.6rem 0.8rem; background: rgba(255,255,255,0.07); border: 1px solid var(--ink-faint); border-radius: 6px; color: var(--ink); font-family: 'DM Sans', sans-serif; font-size: 0.9rem; }
.field-input:focus { outline: none; border-color: var(--accent); }
.field-textarea { width: 100%; padding: 0.6rem 0.8rem; background: rgba(255,255,255,0.07); border: 1px solid var(--ink-faint); border-radius: 6px; color: var(--ink); font-family: 'DM Sans', sans-serif; font-size: 0.9rem; resize: vertical; min-height: 160px; }
.field-textarea:focus { outline: none; border-color: var(--accent); }
.field-select { width: 100%; padding: 0.6rem 0.8rem; background: rgba(255,255,255,0.07); border: 1px solid var(--ink-faint); border-radius: 6px; color: var(--ink); font-family: 'DM Sans', sans-serif; font-size: 0.9rem; }
.field-select option { background: #1a1a2e; }
.form-field { display: flex; flex-direction: column; gap: 0.3rem; }
.form-grid { display: grid; gap: 1.25rem; }

/* List stubs */
.stub:hover { border-color: rgba(240,237,232,0.4); }