/* Canyon 18x18 — DEV environment visual cue */
:root { --paper: #e7ebe7 !important; }
html, body { background: #e7ebe7 !important; }

body::after {
    content: "DEV";
    position: fixed;
    left: max(10px, env(safe-area-inset-left));
    bottom: max(10px, env(safe-area-inset-bottom));
    z-index: 9999;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 21px;
    padding: 0 7px;
    border: 1px solid rgba(45,113,147,.28);
    border-radius: 999px;
    background: rgba(232,242,247,.92);
    color: #2d7193;
    box-shadow: 0 3px 12px rgba(17,23,19,.08);
    font: 900 9px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .12em;
    pointer-events: none;
    user-select: none;
}