@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Match Martinez Access while keeping the original tier board and interactions. */
:root {
    --bg-dark: #0b1018;
    --bg-darker: #0b1018;
    --bg-app: #0b1018;
    --bg-card: #141c27;
    --bg-elevated: #1d2937;
    --text-primary: #f4eee2;
    --text-secondary: #a5afbc;
    --text-muted: #a5afbc;
    --neon-cyan: #00c8e0;
    --neon-cyan-soft: rgba(0, 200, 224, .25);
}
body { font-family: 'Inter', sans-serif; color: var(--text-primary); }
.grid-bg, .glow-orb { display: none; }
.container { max-width: 1240px; }
.access-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 12px 0 24px;
    margin-bottom: 40px;
    border-bottom: 1px solid var(--border-medium);
}
.access-brand { font-family: 'Inter', sans-serif; font-size: 24px; white-space: nowrap; }
.access-brand em { color: var(--text-secondary); font-weight: 400; }
.access-nav a { color: var(--text-primary); text-decoration: none; }
.access-links { display: flex; gap: 28px; font-size: 13px; }
.access-links a[aria-current], .access-nav a:hover { color: var(--neon-cyan); }
.hero { padding-top: 0; margin-bottom: 36px; animation: none; }
.hero h1 {
    font-family: 'Inter', sans-serif;
    font-size: clamp(40px, 5vw, 68px);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -.025em;
    color: var(--text-primary);
    margin: 18px 0;
    background: none;
    -webkit-text-fill-color: currentColor;
    text-shadow: none;
}
.subtitle { font-family: 'Inter', sans-serif; font-size: 16px; letter-spacing: 0; text-transform: none; }
.neon-btn, .secondary-btn, .category-tab, .degen-toggle, .coin-pool h2 {
    font-family: 'Inter', sans-serif;
    letter-spacing: .02em;
}
.neon-btn { box-shadow: none; background: #00c8e0; color: #061219; }
.submit-btn, .share-btn { background: var(--bg-elevated); color: var(--text-primary); border: 1px solid var(--border-strong); }
.category-tab.active { background: #00c8e0; border-color: #00c8e0; color: #061219; box-shadow: none; }
.tier-helper { background: var(--bg-card); }
.tier-content.empty::after { color: var(--text-muted); }
.theme-toggle, .degen-toggle { box-shadow: none; border-color: var(--border-strong); }
.neon-btn:hover { box-shadow: 0 0 0 2px var(--neon-cyan-soft); }
.coin-pool h2 { text-transform: none; font-size: 19px; }
.coin-text { font-family: 'Inter', sans-serif; }
.tier-helper, .footer { line-height: 1.6; }
.tier-helper kbd { white-space: nowrap; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--neon-cyan); outline-offset: 4px; }
body.mode-builder .share-btn { display: inline-flex; }
body.light-mode {
    --text-primary: #1a1f2e;
    --text-secondary: #454b57;
    --text-muted: #555e6a;
    --bg-card: #e6e9ee;
    --bg-elevated: #e6e9ee;
}
body.light-mode .access-nav a { color: var(--text-primary); }
body.light-mode .access-links a[aria-current] { color: #006776; }
body.light-mode .hero h1 { background: none; }
@media (max-width: 600px) {
    .access-nav { flex-wrap: wrap; gap: 18px; margin-bottom: 28px; }
    .access-links { width: 100%; justify-content: space-between; gap: 16px; }
    .hero h1 { margin: 20px 0 14px; }
    .subtitle { font-size: 14px; line-height: 1.6; }
    .controls { position: static; padding: 0; margin-left: 0; margin-right: 0; background: none; border: 0; }
    .input-zone { min-width: 0; width: 100%; }
    .input-zone .neon-btn { padding: 12px 14px; flex: none; font-size: 11px; }
    .actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; width: 100%; }
    .actions button { width: 100%; min-width: 0; padding: 14px 8px; font-size: 11px; }
    .export-btn { order: -3; }
    .copy-link-btn { order: -2; }
    .share-btn { order: -1; }
    .shortcut-hint { display: none !important; }
}

.access-brand { font-size: 14px; font-weight: 750; letter-spacing: .03em; display: flex; align-items: center; gap: 8px; }
.access-brand::before { content: ''; width: 9px; height: 9px; border-radius: 50%; background: var(--neon-cyan); margin-right: 5px; }
.access-brand em { font-style: normal; font-weight: 400; }
.access-links { align-items: center; font-size: 12px; gap: 25px; }
.access-links a { min-height: 44px; display: inline-flex; align-items: center; }
.hero h1 { font-weight: 600; letter-spacing: -.05em; }
.coin-pool, .tier-list { box-shadow: none; }
.tier-label, .tier-label-inner { text-shadow: none; }
@media (max-width: 600px) { .access-nav { gap: 10px; } .access-links { font-size: 10px; gap: 8px; } .access-brand { font-size: 13px; } }
/* Flat controls match the rest of the site without changing the ranking colors. */
.neon-btn, .secondary-btn, .theme-toggle, .degen-toggle, .category-tab { box-shadow: none; border-radius: 6px; font-weight: 600; }
.neon-btn, .secondary-btn { font-size: 11px; }
.secondary-btn, .theme-toggle, .degen-toggle, .category-tab { border-width: 1px; background: var(--bg-card); }
.neon-btn::before, .neon-btn::after { display: none; }
#coinInput { font-size: 14px; font-weight: 400; letter-spacing: 0; border-width: 1px; border-radius: 6px; box-shadow: none; }
#coinInput::placeholder { font-size: 13px; font-weight: 400; letter-spacing: 0; }
.subtitle { font-weight: 400; }
.footer { font-size: 12px; font-weight: 400; }
.access-brand { font-family: 'Inter', sans-serif; }
@media (max-width: 600px) { .access-nav { padding-top: 0; margin-bottom: 24px; } }