.mehr-page {
    padding:16px 16px 100px;
    display:flex;
    flex-direction:column;
    gap:24px}
.mehr-section {
    display:flex;
    flex-direction:column;
    gap:10px}
.mehr-heading {
    margin:0;
    font-size:11px;
    font-weight:600;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--fg-3)}
.mehr-sharing-title {
    margin:0;
    font:600 18px/1.3 var(--font-display);
    color:var(--ink-900)}
.mehr-sharing-link {
    color:var(--rust-600);
    text-decoration:none}
.mehr-sharing-divider {
    margin:12px 0;
    border:0;
    border-top:1px solid var(--border-subtle)}
.mehr-sharing-access {
    margin:7px 0 0;
    font-size:11px;
    line-height:1.45;
    color:var(--fg-3);
    overflow-wrap:anywhere}
.mehr-list,.mehr-card {
    background:var(--paper-0);
    border:1px solid var(--border-subtle);
    border-radius:var(--radius-md);
    overflow:hidden}
.mehr-row {
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 16px;
    min-height:56px;
    text-decoration:none;
    color:var(--ink-900);
    border-bottom:1px solid var(--border-subtle)}
.mehr-row:last-child {
    border-bottom:0}
.mehr-version-row {
    border-bottom:0}
.mehr-version-row > svg {
    flex-shrink:0}
.mehr-copy.mehr-version-label {
    display:flex;
    align-items:center;
    flex:0 0 auto}
.mehr-version-value {
    flex:1;
    min-width:0;
    text-align:right;
    overflow-wrap:anywhere;
    font-family:var(--font-mono);
    font-size:12px;
    line-height:1.6}
.mehr-version-feedback {
    padding:0 16px 14px;
    display:flex;
    flex-direction:column;
    gap:8px}
.mehr-version-copy {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:44px;
    min-height:44px;
    padding:0;
    margin-block:-8px;
    border:0;
    border-radius:var(--radius-sm);
    background:transparent;
    color:var(--fg-3);
    cursor:pointer}
.mehr-version-copy:hover {
    background:var(--paper-100);
    color:var(--ink-900)}
.mehr-version-copy > span {
    display:flex}
.mehr-version-copy:disabled {
    opacity:.6;
    cursor:wait}
.mehr-version-report {
    box-sizing:border-box;
    width:100%;
    padding:10px;
    border:1px solid var(--border-subtle);
    border-radius:var(--radius-sm);
    background:var(--paper-50);
    color:var(--ink-900);
    font:12px/1.5 var(--font-mono);
    resize:vertical}
.mehr-copy {
    flex:1;
    min-width:0}
.mehr-copy strong {
    display:block;
    font-size:14px;
    font-weight:600}
.mehr-inventory-title {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px 8px}
.mehr-inventory-title strong {
    min-width:0;
    overflow-wrap:anywhere}
.mehr-inventory-current {
    padding:3px 9px;
    border-radius:var(--radius-pill);
    background:var(--rust-50);
    color:var(--rust-700);
    font-size:11px;
    font-weight:500;
    line-height:1.4}
.mehr-copy small,.mehr-note {
    display:block;
    font-size:12px;
    color:var(--fg-3);
    line-height:1.45;
    margin:4px 0 0;
    overflow-wrap:anywhere}
.mehr-feature {
    padding:18px 16px;
    min-height:96px}
.mehr-feature-icon {
    width:44px;
    height:44px;
    border-radius:10px;
    background:var(--rust-50);
    color:var(--rust-600);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0}
.mehr-feature strong {
    font-family:var(--font-display);
    font-size:19px}
.mehr-status {
    display:inline-block;
    margin-top:8px;
    font-size:11px;
    font-weight:600;
    color:var(--warning-700);
    background:var(--warning-50);
    border-radius:999px;
    padding:3px 8px}
.mehr-context {
    padding:12px 16px;
    background:var(--paper-100);
    border-radius:var(--radius-md)}
.mehr-context strong {
    display:block;
    font-size:14px;
    overflow-wrap:anywhere}
.mehr-share-guide {
    padding:16px}
.mehr-share-guide__steps {
    margin:14px 0;
    padding:0;
    list-style:none;
    counter-reset:share-step;
    display:flex;
    flex-direction:column;
    gap:12px}
.mehr-share-guide__steps li {
    counter-increment:share-step;
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:12px;
    line-height:1.5;
    color:var(--fg-2)}
.mehr-share-guide__steps li::before {
    content:counter(share-step);
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    border-radius:50%;
    background:var(--paper-0);
    color:var(--ink-900);
    font:600 11px var(--font-mono)}
.mehr-button {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    background:var(--rust-500);
    color:white;
    border:0;
    border-radius:var(--radius-sm);
    font:600 14px var(--font-sans);
    text-decoration:none;
    padding:12px 16px}
.mehr-text-link {
    font-size:12px;
    color:var(--rust-600);
    min-height:44px;
    display:inline-flex;
    align-items:center;
    padding:0 8px}
.mehr-logout {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:48px;
    padding:12px 20px;
    background:var(--paper-0);
    border:1px solid var(--border-default);
    border-radius:var(--radius-sm);
    color:var(--ink-900);
    font:500 15px var(--font-sans);
    line-height:1;
    text-decoration:none;
    transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}
.mehr-logout:hover,.mehr-logout:active {
    background:var(--rust-50);
    border-color:var(--rust-300)}
.mehr-logout svg {
    flex-shrink:0}
.mehr-danger {
    color:var(--danger-700)}
.mehr-card-body {
    padding:16px}
.mehr-plan-summary {
    border-color:var(--rust-300);
    background:linear-gradient(135deg,var(--rust-50),var(--paper-0))}
.mehr-plan-summary__title {
    margin:8px 0 0;
    font:700 28px/1.2 var(--font-display);
    overflow-wrap:anywhere}
.mehr-plan-summary__benefit {
    margin:4px 0 10px;
    color:var(--rust-700);
    font-size:16px;
    font-weight:600;
    line-height:1.4}
.mehr-note.mehr-plan-summary__note {
    margin-top:12px}
.mehr-plan-summary__link {
    border-top:1px solid var(--border-subtle);
    background:var(--paper-0)}
.mehr-plan-summary__link:hover {
    background:var(--rust-50)}
.mehr-plan-summary__link > svg {
    flex-shrink:0}
.billing-plan--current {
    border-color:var(--rust-300);
    background:linear-gradient(135deg,var(--rust-50),var(--paper-0));
    box-shadow:inset 0 4px 0 var(--rust-500)}
.billing-plan__header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:8px 12px}
.billing-plan__header > strong {
    overflow-wrap:anywhere;
    min-width:0}
.billing-plan__status {
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 9px;
    border-radius:var(--radius-pill);
    background:var(--rust-500);
    color:var(--paper-0);
    font-size:11px;
    font-weight:600;
    line-height:1.4}
.billing-plan__status svg {
    flex-shrink:0}
.mehr-field {
    display:flex;
    flex-direction:column;
    gap:6px;
    font-size:12px;
    font-weight:600}
.mehr-field select,.mehr-field input {
    width:100%;
    height:44px;
    background:var(--paper-0);
    border:1px solid var(--border-default);
    border-radius:var(--radius-sm);
    padding:0 10px;
    font:14px var(--font-sans);
    color:var(--ink-900)}
.mehr-actions {
    display:flex;
    flex-direction:column;
    gap:12px}
.mehr-page button:focus-visible,.mehr-page a:focus-visible {
    outline:3px solid var(--rust-300);
    outline-offset:2px}


  .delete-sheet-backdrop  {
     position:fixed;
    inset:0;
    z-index:120;
    background:rgba(14,26,36,0.42);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
    display:flex;
    align-items:flex-end;
    padding:16px;
     }

  .delete-sheet  {
     width:100%;
    background:var(--paper-0);
    border:1px solid #F1C2C2;
    border-radius:16px;
    box-shadow:0 24px 48px -18px rgba(14,26,36,0.34);
    padding:14px;
    display:flex;
    flex-direction:column;
    gap:12px;
     }

  .delete-sheet__head  {
     display:flex;
    gap:10px;
    align-items:flex-start;
     }

  .delete-sheet__icon  {
     width:36px;
    height:36px;
    border-radius:999px;
    background:var(--danger-50);
    color:var(--danger-700);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
     }

  .delete-sheet__title  {
     font-family:var(--font-display);
    font-size:19px;
    font-weight:650;
    color:var(--ink-900);
    line-height:1.15;
    margin:0;
     }

  .delete-sheet__copy  {
     font-size:12px;
    color:var(--fg-3);
    line-height:1.4;
    margin:4px 0 0;
     }

  .delete-sheet__target  {
     background:var(--danger-50);
    border:1px solid #F1C2C2;
    border-radius:var(--radius-sm);
    padding:10px;
    font-size:12px;
    color:var(--danger-700);
    line-height:1.35;
     }

  .delete-sheet__actions  {
     display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
     }

  .delete-sheet__actions button  {
     height:44px;
    border-radius:var(--radius-sm);
    font-family:var(--font-sans);
    font-size:14px;
    font-weight:600;
    cursor:pointer;
     }

  .delete-sheet__cancel  {
     background:var(--paper-0);
    border:1px solid var(--border-default);
    color:var(--ink-900);
     }

  .delete-sheet__confirm  {
     background:var(--danger-500);
    border:1px solid var(--danger-500);
    color:white;
     }


.delete-sheet__target {
    overflow-wrap:anywhere}