.codes-page{max-width:1000px;margin:auto;gap:22px}.codes-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px}.codes-heading h1{font:500 48px/1.1 Georgia,serif;letter-spacing:-1.3px;margin:0}.codes-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.codes-actions>button{min-height:44px}.codes-actions>button[aria-pressed=true]{background:var(--deep);color:var(--paper);border-color:var(--deep)}.codes-notification-note{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.codes-notification-note[role=alert]{color:var(--danger)}.inbox-filters{display:flex;gap:8px;border-bottom:1px solid var(--line);min-width:0}.inbox-filters>button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;border:0;border-bottom:2px solid transparent;border-radius:8px 8px 0 0;background:transparent;color:var(--muted);font-size:13px;font-weight:700}.inbox-filters>button:hover{background:var(--paper);color:var(--ink)}.inbox-filters>button[aria-pressed=true]{border-bottom-color:var(--ink);background:var(--paper);color:var(--ink)}.inbox-filter-count{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.received-messages{display:grid;gap:16px;min-width:0}.received-message{padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--paper);min-width:0}.received-message>header{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:12px}.received-message>header strong{font-weight:600;min-width:0;overflow-wrap:anywhere}.received-message-identity{display:flex;align-items:center;gap:8px}.received-message-label{min-width:0;overflow-wrap:anywhere}.sms-message-logo{display:block;width:24px;height:24px;object-fit:contain;flex-shrink:0}.incoming-code-popup header .sms-phone-name,.received-message .sms-phone-name{color:#007caa}html[data-theme=dark] .incoming-code-popup header .sms-phone-name,html[data-theme=dark] .received-message .sms-phone-name{color:#57cfff}.received-message time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.received-message>p{margin:16px 0 0;font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.codes-loading{margin:0;font-size:12px;line-height:1.8;color:var(--muted)}.codes-empty{border:1px dashed var(--line);border-radius:15px;padding:48px 24px;text-align:center}.codes-empty h2{font-size:17px;margin:0 0 10px}.codes-empty p{max-width:400px;margin:auto;font-size:12px;line-height:1.8;color:var(--muted)}.codes-error{padding:16px;border-radius:12px;background:#f5dfdb;color:#843a30;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.codes-error p{margin:0;line-height:1.7}.code-copy-control{display:grid;justify-items:end;gap:6px;flex-shrink:0}.code-copy-control>button{min-height:44px;min-width:84px;font-size:11px}.code-copy-control>small{font-size:10px;color:var(--danger);max-width:120px;text-align:right}.incoming-code-notifications{position:fixed;inset:20px 24px auto auto;margin:0;width:min(380px,calc(100% - 28px));max-height:calc(100dvh - 160px);overflow:auto;overscroll-behavior:contain;padding:0 0 12px;border:0;background:transparent;color:var(--ink)}.incoming-code-notifications:popover-open{display:grid;gap:12px}.incoming-code-popup{border:1px solid var(--line);border-radius:15px;background:var(--paper);padding:16px;box-shadow:0 8px 24px #08251d26}.incoming-code-popup>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.incoming-code-popup>header>.incoming-code-identity{min-width:0;display:flex;align-items:center;gap:10px}.incoming-code-identity-text{min-width:0;overflow-wrap:anywhere;display:grid;gap:4px}.incoming-code-popup header strong{font-size:12px;font-weight:700}.incoming-code-popup header span{font-size:11px;color:var(--muted)}.incoming-code-popup .icon-button{width:44px;height:44px;flex-shrink:0}.incoming-code-popup-value{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 10px}.incoming-code-popup-value>strong{font:600 34px/1.15 Georgia,serif;letter-spacing:.06em;font-variant-numeric:tabular-nums;user-select:all}.incoming-code-popup>p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.incoming-code-popup.is-expired .incoming-code-popup-value>strong{color:var(--muted)}.codes-page button:focus-visible,.incoming-code-notifications button:focus-visible{outline:2px solid var(--deep);outline-offset:3px}@media(max-width:1000px){.incoming-code-notifications{inset:calc(76px + env(safe-area-inset-top)) 14px auto auto;max-height:calc(100dvh - 200px - env(safe-area-inset-bottom))}}@media(max-width:650px){.codes-heading h1{font-size:36px}.codes-heading{align-items:flex-start;flex-direction:column;gap:14px}.codes-actions{flex-wrap:wrap}.codes-actions>button{font-size:11px}.received-message{padding:18px}.received-message>header{align-items:flex-start;flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){.codes-page{animation:none}}