:root{--dc-bg:#fcf9f4;--dc-surface:#f0ede8;--dc-text:#1c1c19;--dc-primary:#000000;--dc-muted:#444748;--dc-accent:#fed488}
body{background:var(--dc-bg);color:var(--dc-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.dc-topbar{background:rgba(250,250,249,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(231,229,228,1);box-shadow:0 4px 20px rgba(0,0,0,.04)}
.dc-brand{font-family:"Noto Serif",serif;letter-spacing:.2em;text-transform:uppercase;font-weight:700;font-size:14px;color:var(--dc-primary);text-decoration:none}
.dc-icon-link{color:var(--dc-primary);text-decoration:none;opacity:.9}
.dc-icon-link:hover{opacity:.7}
.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}
.dc-badge{position:absolute;top:-2px;right:-6px;background:var(--dc-primary);color:#fff;border-radius:999px;font-size:10px;line-height:1;padding:4px 6px}
.dc-footer{background:#f5f5f4;border-top:1px solid rgba(231,229,228,1)}
.dc-footer-link{font-family:"Noto Serif",serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#71717a;text-decoration:underline}
.dc-footer-link:hover{color:#18181b}
.dc-footer-copy{font-family:"Noto Serif",serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#52525b;text-align:center}
.dc-card{border:1px solid rgba(231,229,228,1);background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.03)}
.dc-label{font-size:10px;letter-spacing:.3em;text-transform:uppercase;font-weight:600;color:#6b7280}
.dc-btn{border-radius:.25rem;letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:700;padding:14px 18px}
.dc-btn-primary{background:var(--dc-primary);border:1px solid var(--dc-primary);color:#fff}
.dc-btn-primary:hover{background:#111;border-color:#111;color:#fff}
.dc-btn-outline{background:transparent;border:1px solid var(--dc-primary);color:var(--dc-primary)}
.dc-btn-outline:hover{background:#f4f4f5}