/* The real beta has its own namespace and never loads the local-storage demo. */
.beta-body{margin:0;background:#f5f7fa;color:#15243a;min-height:100vh;display:flex;flex-direction:column;font-family:Inter,"Avenir Next",system-ui,-apple-system,sans-serif;line-height:1.6}
.beta-body *{box-sizing:border-box}
.beta-body h1,.beta-body h2,.beta-body h3{color:#15243a;text-wrap:balance}
.beta-body a{color:#245ea8}
.beta-body button,.beta-body input,.beta-body select,.beta-body textarea{font:inherit}
.beta-body :focus-visible{outline:3px solid #245ea8;outline-offset:4px}
.beta-skip{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:20;background:white;padding:10px 18px;border-radius:10px}
.beta-skip:focus{transform:translateY(0)}
.beta-header{min-height:88px;width:100%;display:flex;align-items:center;gap:24px;background:#fff;border-bottom:1px solid #e8edf3;padding:12px max(28px,calc((100vw - 1240px)/2))}
.beta-brand{display:block;flex:none;width:156px}
.beta-logo-frame{display:block;width:156px;height:54px;position:relative;overflow:hidden}
.beta-logo-frame img{position:absolute;width:144%;height:auto;max-width:none;left:-22%;top:-20%;display:block}
.beta-nav{display:flex;align-items:center;gap:4px;flex:1;flex-wrap:wrap}
.beta-nav a{font-size:13px;font-weight:600;padding:9px 12px;border-radius:10px;color:#637087;white-space:nowrap}
.beta-nav a[aria-current=page]{background:#edf3fb;color:#245ea8}
.beta-header-actions{display:flex;align-items:center;gap:14px;margin-left:auto}
.beta-language{display:flex;gap:2px;padding:3px;background:#f3f6fa;border-radius:9px}
.beta-language a{display:block;font-size:11px;letter-spacing:.4px;padding:7px 9px;color:#69758b;border-radius:6px}
.beta-language a[aria-current=true]{color:#245ea8;background:#fff;box-shadow:0 1px 5px #183a6310;font-weight:700}
.beta-inline-form{margin:0}
.beta-main{width:100%;max-width:1240px;padding:36px 28px 70px;margin:0 auto;flex:1}
.beta-context{display:flex;align-items:center;gap:8px;color:#69758b;font-size:11px;font-weight:650;letter-spacing:.5px;margin:0 0 25px}
.beta-mode-dot{width:6px;height:6px;border-radius:50%;background:#f16b9a;display:inline-block}
.beta-page-heading{margin:0 0 28px;max-width:780px}
.beta-page-heading h1{font-size:clamp(29px,3.6vw,43px);line-height:1.17;letter-spacing:-1.5px;font-weight:700;margin:0 0 12px}
.beta-page-heading>p:not(.beta-eyebrow){font-size:15px;line-height:1.65;color:#67738a;margin:0;max-width:610px}
.beta-eyebrow{color:#245ea8;font-size:10px;font-weight:750;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 13px}
.beta-panel{padding:30px;background:#fff;border:1px solid #e3e9f0;border-radius:22px;box-shadow:0 4px 22px #183a6304;min-width:0}
.beta-alert{padding:14px 18px;border-radius:12px;margin:0 0 24px;font-size:14px;overflow-wrap:anywhere}
.beta-alert-error{background:#fff0f2;color:#9c2c43;border:1px solid #f3d1da}
.beta-alert-notice{background:#e9f5ee;color:#276849;border:1px solid #cfe8d8}
.beta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px;padding:12px 19px;border:1px solid transparent;background:#245ea8;color:#fff!important;font-size:14px;font-weight:650;text-align:center;line-height:1.35;cursor:pointer;text-decoration:none;transition:background .15s,box-shadow .15s}
.beta-button:hover{background:#1d508f;box-shadow:0 4px 12px #183a6312;filter:none}
.beta-button-secondary{background:#fff;color:#245ea8!important;border-color:#dce5ef}
.beta-button-secondary:hover{background:#f0f5fb}
.beta-button-quiet{background:transparent;color:#69758b!important;font-size:12px;min-height:40px;padding:8px}
.beta-button-quiet:hover{background:#f3f6fa;box-shadow:none}
.beta-button-small{font-size:12px;min-height:40px;padding:9px 12px}
.beta-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0}
.beta-text-link{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:650;padding:8px 0}
.beta-icon{display:block;width:23px;height:23px;flex:none}
.beta-text-link .beta-icon{width:17px;height:17px}
.beta-round-icon{display:inline-flex;width:48px;height:48px;border-radius:16px;align-items:center;justify-content:center;flex:none;color:#245ea8;background:#edf3fb}
.beta-main-auth{max-width:1060px;padding-top:42px;padding-bottom:58px}
.beta-auth-layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);background:#fff;overflow:hidden;border:1px solid #e3e9f0;border-radius:27px;min-height:520px;box-shadow:0 16px 50px #183a6307}
.beta-auth-card{padding:48px 42px}
.beta-auth-card .beta-page-heading{margin-bottom:28px}
.beta-auth-card .beta-page-heading h1{font-size:34px;letter-spacing:-1.3px}
.beta-auth-card .beta-page-heading>p{font-size:14px}
.beta-auth-aside{position:relative;overflow:hidden;background:linear-gradient(150deg,#e8f2fc 0%,#d9e8fa 70%,#f4e5ee 100%);display:flex;align-items:flex-end;padding:46px 38px;min-height:100%}
.beta-orbit{position:absolute;width:340px;height:320px;right:-15px;top:28px}
.beta-orbit span{position:absolute;width:180px;height:228px;border:24px solid #245ea8;border-radius:100px;transform:rotate(27deg);left:18px;top:30px;opacity:.15}
.beta-orbit span:nth-child(2){border-color:#f16b9a;left:126px;top:6px;transform:rotate(-27deg);opacity:.45}
.beta-orbit span:nth-child(3){width:26px;height:26px;border:none;background:#fff;border-radius:50%;top:245px;left:267px;opacity:.75}
.beta-aside-copy{position:relative;z-index:1;margin-top:245px}
.beta-kicker{display:block;color:#245ea8;font-size:11px;font-weight:750;letter-spacing:2px;margin-bottom:14px}
.beta-aside-copy h2{font-size:29px;line-height:1.25;letter-spacing:-1px;margin-bottom:15px;max-width:290px}
.beta-aside-copy p{font-size:14px;line-height:1.75;color:#516987;margin:0;max-width:280px}
.beta-form{display:flex;flex-direction:column;gap:19px;margin:0}
.beta-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.beta-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:13px;font-weight:600;color:#33465f}
.beta-field input,.beta-field select,.beta-field textarea{display:block;width:100%;min-height:48px;border:1px solid #dce4ee;border-radius:11px;padding:11px 13px;background:#fff;color:#15243a;line-height:1.4;font-size:14px;margin:0}
.beta-field input::placeholder,.beta-field textarea::placeholder{color:#8b96a7;font-weight:400}
.beta-field textarea{resize:vertical;min-height:140px}
.beta-field input[type=file]{background:#f8fafd;padding:11px;max-width:100%;font-size:12px}
.beta-field input[type=file]::file-selector-button{border:0;background:#eaf1fb;color:#245ea8;border-radius:7px;padding:8px 12px;margin-right:10px;font-weight:650;cursor:pointer}
.beta-form-link{font-size:13px;text-align:center}
.beta-footnote{font-size:12px;color:#788397;line-height:1.75;margin:24px 0 0}
.beta-field-hint{font-size:12px;font-weight:400;color:#768297;line-height:1.65;margin:-8px 0 0}
.beta-form-divider{height:1px;background:#edf0f5;margin:3px 0}
.beta-language-fields{border:0;padding:0;margin:0;min-width:0}
.beta-language-fields legend{font-size:13px;font-weight:600;color:#33465f;padding:0;margin-bottom:10px}
.beta-checkboxes{display:flex;gap:10px;flex-wrap:wrap}
.beta-checkboxes label{display:flex;align-items:center;gap:9px;font-size:13px;padding:10px 14px;border:1px solid #dce4ee;border-radius:10px;color:#516078;cursor:pointer}
.beta-checkboxes label:has(input:checked){background:#edf3fb;border-color:#bdd0e7;color:#245ea8}
.beta-checkboxes input{width:16px;height:16px;margin:0;accent-color:#245ea8}
.beta-editor-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(0,1fr);gap:26px;align-items:start}
.beta-editor-panel{max-width:820px}
.beta-identity{display:flex;align-items:center;gap:14px}
.beta-identity strong{font-size:19px;display:block;color:#15243a;overflow-wrap:anywhere}
.beta-identity div>span{display:block;color:#788397;font-size:13px}
.beta-identity+.beta-footnote{margin:15px 0 25px;padding-bottom:24px;border-bottom:1px solid #edf0f5}
.beta-side-note{padding:30px 25px;background:#eaf1fa;border:1px solid #e0e9f5;border-radius:22px}
.beta-side-note>.beta-round-icon{background:#fff;margin-bottom:23px}
.beta-side-note h2{font-size:24px;line-height:1.3;letter-spacing:-.7px;margin:0 0 14px}
.beta-side-note p{font-size:13px;color:#61758f;margin:0;line-height:1.75}
.beta-photo-panel{max-width:940px}
.beta-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}
.beta-photo-card{padding:0;margin:0;overflow:hidden;border:1px solid #e3e9f0;border-radius:16px;background:#f5f7fb}
.beta-photo-card>img{width:100%;aspect-ratio:3/4;object-fit:contain;display:block}
.beta-photo-card figcaption{padding:10px 12px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.beta-photo-card figcaption .beta-button-quiet{min-height:32px;font-size:11px;padding:5px 0}
.beta-status{display:inline-flex;align-items:center;gap:5px;border-radius:7px;background:#eef3f9;color:#486382;padding:4px 8px;font-size:11px;font-weight:650;line-height:1.5}
.beta-status-approved{background:#eaf5ef;color:#28704f}
.beta-status-rejected{background:#fbeff2;color:#9e3c56}
.beta-status-pending{background:#fff4df;color:#8c682b}
.beta-upload-form{border-top:1px solid #e9eef4;padding-top:24px;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:24px}
.beta-upload-label{min-width:0;flex:1}
.beta-upload-label .beta-field-hint{margin-top:10px}
.beta-upload-form>.beta-button{margin-top:29px;flex:none}
.beta-after-panel{margin-top:22px}
.beta-empty{padding:55px 25px;text-align:center}
.beta-empty>.beta-round-icon{width:64px;height:64px;border-radius:22px;margin-bottom:20px}
.beta-empty>.beta-round-icon .beta-icon{width:28px;height:28px}
.beta-empty h2{font-size:25px;letter-spacing:-.7px;margin:0 0 12px}
.beta-empty>p{font-size:14px;line-height:1.75;color:#788397;max-width:480px;margin:0 auto}
.beta-empty-small{padding-top:24px;padding-bottom:40px}
.beta-empty .beta-page-heading{margin-left:auto;margin-right:auto}
.beta-empty .beta-page-heading p{margin-left:auto;margin-right:auto}
.beta-error-code{color:#c4d3e8;font-size:65px;font-weight:750;line-height:1.3;display:block;margin-bottom:20px}
.beta-welcome-note{background:#eaf2fb;border:1px solid #e0eaf6;padding:20px 24px;border-radius:17px;display:flex;align-items:center;gap:16px;margin-bottom:28px}
.beta-welcome-note>.beta-round-icon{background:#fff;width:43px;height:43px;border-radius:14px}
.beta-welcome-note strong{font-size:14px;color:#254974}
.beta-welcome-note p{font-size:13px;color:#637e9e;margin:2px 0 0}
.beta-development-note{font-size:12px;line-height:1.75;color:#788397;max-width:740px;margin:25px 0 0}
.beta-discovery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.beta-person-card{position:relative;overflow:hidden;border-radius:21px;aspect-ratio:3/4;background:#e6ecf3}
.beta-person-card>img{width:100%;height:100%;object-fit:cover;display:block}
.beta-person-caption{position:absolute;inset:auto 0 0;padding:55px 20px 20px;background:linear-gradient(transparent,#102038c9);color:#fff}
.beta-person-caption h2{font-size:21px;line-height:1.3;letter-spacing:-.4px;color:#fff;margin:0 0 4px;overflow-wrap:anywhere}
.beta-person-caption h2>span{margin-left:7px;font-weight:400;font-size:18px}
.beta-person-caption p{font-size:14px;margin:0;color:#fffffff0;overflow-wrap:anywhere}
.beta-admin-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:25px}
.beta-admin-heading .beta-actions{margin-top:24px;flex:none}
.beta-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}
.beta-stat{background:#fff;padding:22px 25px;border:1px solid #e3e9f0;border-radius:18px;min-width:0}
.beta-stat>span{font-size:12px;color:#788397;display:block;margin-bottom:5px}
.beta-stat>strong{font-size:30px;font-weight:700;letter-spacing:-1px;line-height:1.35;color:#183a63}
.beta-stat>strong.beta-stat-text{font-size:17px;letter-spacing:-.3px}
.beta-table-panel{padding:0;overflow:hidden}
.beta-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 27px}
.beta-section-heading h2{margin:0;font-size:21px;letter-spacing:-.5px}
.beta-count{display:inline-flex;justify-content:center;align-items:center;background:#edf3fb;color:#245ea8;border-radius:8px;font-size:12px;min-width:29px;height:27px;padding:0 7px;font-weight:650}
.beta-table-scroll{overflow-x:auto}
.beta-user-table{width:100%;border-collapse:collapse;text-align:left;margin:0;box-shadow:none;border:0;border-radius:0;display:table}
.beta-user-table th{background:#f7f9fc;padding:12px 27px;font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#7a879b;font-weight:650;border-top:1px solid #e9eef4;border-bottom:1px solid #e9eef4}
.beta-user-table td{padding:20px 27px;border-bottom:1px solid #edf1f6;vertical-align:top;font-size:13px;min-width:160px}
.beta-user-table tr:last-child td{border-bottom:0}
.beta-user-table td:first-child>strong{font-size:14px;color:#223952;overflow-wrap:anywhere}
.beta-table-meta{display:block;color:#8590a1;font-size:11px;margin-top:4px}
.beta-user-actions{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.beta-reset{font-size:12px;max-width:270px}
.beta-reset summary{cursor:pointer;color:#245ea8;min-height:40px;display:list-item;list-style-position:inside;padding:10px 0}
.beta-reset[open]{flex-basis:100%;padding-top:4px}
.beta-reset .beta-form{gap:12px;margin:8px 0}
.beta-reset .beta-field{font-size:11px}
.beta-reset .beta-field input{min-height:42px;font-size:13px;padding:9px 11px}
.beta-reset .beta-field-hint{font-size:11px;margin:0}
.beta-table-empty{font-size:13px;color:#7c889b;padding:0 27px 25px;margin:0}
.beta-moderation-panel{margin-top:26px;padding:0;overflow:hidden}
.beta-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0 26px 26px}
.beta-review-card{border:1px solid #e3e9f0;border-radius:16px;overflow:hidden;min-width:0}
.beta-review-card>a{display:block;background:#f2f5f9}
.beta-review-card img{display:block;width:100%;height:240px;object-fit:contain}
.beta-review-card>div{padding:16px}
.beta-review-card h3{font-size:15px;margin:0 0 13px;overflow-wrap:anywhere}
.beta-review-card .beta-actions{gap:8px}
.beta-settings-panel{max-width:950px}
.beta-settings-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:start;gap:40px;padding:8px 0 25px;border-bottom:1px solid #edf0f5}
.beta-settings-section h2{font-size:19px;letter-spacing:-.3px;margin:0 0 9px}
.beta-settings-section p{font-size:13px;color:#788397;line-height:1.75;margin:0;max-width:440px}
.beta-settings-section>.beta-status{justify-self:start;margin-top:4px}
.beta-setup{padding:19px;background:#f2f6fc;border:1px solid #e1eaf6;border-radius:14px;margin-bottom:24px}
.beta-setup h2{font-size:19px;letter-spacing:-.4px;margin:0 0 10px}
.beta-setup>p{font-size:12px;line-height:1.75;color:#647893}
.beta-secret{display:block;padding:12px;background:#fff;border-radius:8px;border:1px solid #dce6f2;font-size:13px;line-height:1.7;letter-spacing:1px;overflow-wrap:anywhere;margin:14px 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;user-select:all}
.beta-setup .beta-field-hint{font-size:11px;margin:0}
.beta-footer{max-width:1240px;width:calc(100% - 56px);margin:0 auto;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e2e8f0;padding:23px 0;font-size:11px;color:#8792a2}
.beta-footer nav{display:flex;gap:22px;flex-wrap:wrap}
.beta-footer a{color:#788397}
@media(max-width:1060px){.beta-header{gap:16px;padding:12px 24px}.beta-nav a{padding:9px;font-size:12px}.beta-brand{width:130px}.beta-logo-frame{width:130px;height:45px}.beta-header-actions{gap:8px}.beta-admin-heading{display:block}.beta-admin-heading .beta-actions{margin:-6px 0 26px}.beta-discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.beta-editor-layout{grid-template-columns:minmax(0,1fr) 260px}.beta-auth-card{padding:40px 30px}.beta-auth-aside{padding:40px 30px}.beta-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.beta-header{flex-wrap:wrap;gap:8px 16px;min-height:80px}.beta-nav{order:3;flex-basis:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-top:8px}.beta-nav:empty{display:none}.beta-nav a{font-size:12px;padding:8px 12px}.beta-main{padding:28px 22px 48px}.beta-main-auth{padding-top:28px;max-width:590px}.beta-auth-layout{grid-template-columns:1fr;min-height:0}.beta-auth-card{padding:35px}.beta-auth-aside{display:none}.beta-context{margin-bottom:22px}.beta-editor-layout{grid-template-columns:1fr}.beta-side-note{padding:24px}.beta-side-note>.beta-round-icon{margin-bottom:15px}.beta-side-note h2{font-size:22px}.beta-side-note p{max-width:500px}.beta-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.beta-stat-grid{gap:12px}.beta-stat{padding:18px}.beta-stat>strong.beta-stat-text{font-size:15px}.beta-user-table th,.beta-user-table td{padding-left:20px;padding-right:20px}.beta-settings-section{gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.beta-footer{width:calc(100% - 44px)}}
@media(max-width:520px){.beta-header{padding:11px 17px;min-height:73px}.beta-brand{width:117px}.beta-logo-frame{width:117px;height:40px}.beta-header-actions{gap:6px}.beta-language a{font-size:10px;padding:6px 8px}.beta-header-actions .beta-button-quiet{font-size:11px;padding:6px}.beta-nav{gap:0}.beta-nav a{padding:8px 10px;font-size:11px}.beta-main{padding:24px 17px 38px}.beta-context{font-size:10px;margin-bottom:20px}.beta-page-heading{margin-bottom:23px}.beta-page-heading h1{font-size:29px;letter-spacing:-1px}.beta-page-heading>p:not(.beta-eyebrow){font-size:13px}.beta-panel{padding:22px 19px;border-radius:18px}.beta-auth-layout{border-radius:22px}.beta-auth-card{padding:28px 23px}.beta-auth-card .beta-page-heading h1{font-size:30px}.beta-auth-card .beta-page-heading>p{font-size:13px}.beta-form-grid{grid-template-columns:1fr;gap:18px}.beta-field{font-size:12px}.beta-field input,.beta-field select,.beta-field textarea{font-size:16px;min-height:48px}.beta-button{font-size:13px;min-height:46px;padding:11px 15px}.beta-button-small{min-height:40px;font-size:11px;padding:9px 11px}.beta-button-quiet{min-height:38px}.beta-footnote{font-size:11px}.beta-form{gap:18px}.beta-form-link{font-size:12px}.beta-checkboxes{gap:8px}.beta-checkboxes label{font-size:12px;padding:10px 13px}.beta-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.beta-photo-card{border-radius:13px}.beta-photo-card figcaption{padding:9px}.beta-status{font-size:10px}.beta-upload-form{flex-direction:column;gap:16px}.beta-upload-form>.beta-button{margin-top:0;width:100%}.beta-upload-label{width:100%}.beta-empty{padding:37px 21px}.beta-empty h2{font-size:22px}.beta-empty>p{font-size:13px}.beta-empty-small{padding:17px 0 31px}.beta-welcome-note{padding:17px 16px;gap:12px;margin-bottom:21px}.beta-welcome-note strong{font-size:12px}.beta-welcome-note p{font-size:11px}.beta-welcome-note>.beta-round-icon{width:36px;height:36px;border-radius:12px}.beta-welcome-note .beta-icon{width:20px;height:20px}.beta-discovery-grid{gap:12px}.beta-person-card{border-radius:16px}.beta-person-caption{padding:40px 13px 13px}.beta-person-caption h2{font-size:16px;letter-spacing:-.3px}.beta-person-caption h2>span{font-size:14px;margin-left:5px}.beta-person-caption p{font-size:12px}.beta-development-note{font-size:11px;margin-top:21px}.beta-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.beta-stat{padding:16px;border-radius:15px}.beta-stat:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}.beta-stat>span{font-size:11px}.beta-stat:last-child>span{margin:0}.beta-stat>strong{font-size:28px}.beta-stat>strong.beta-stat-text{font-size:13px;letter-spacing:0}.beta-admin-heading .beta-actions{gap:9px}.beta-admin-heading .beta-button{font-size:12px}.beta-table-panel,.beta-moderation-panel{padding:0}.beta-section-heading{padding:21px 19px}.beta-section-heading h2{font-size:19px}.beta-table-empty{font-size:12px;padding:0 19px 21px}.beta-user-table th,.beta-user-table td{padding-left:17px;padding-right:17px}.beta-user-table td{min-width:145px}.beta-user-table td:last-child{min-width:245px}.beta-review-grid{gap:12px;padding:0 16px 16px}.beta-review-card{border-radius:13px}.beta-review-card img{height:180px}.beta-review-card>div{padding:12px}.beta-review-card h3{font-size:13px}.beta-review-card .beta-actions{flex-direction:column;align-items:stretch;gap:6px}.beta-review-card .beta-button{min-height:39px;font-size:11px;padding:9px}.beta-settings-section{grid-template-columns:1fr;gap:16px;padding-bottom:22px}.beta-settings-section h2{font-size:18px}.beta-settings-section p{font-size:12px}.beta-settings-section>.beta-status{margin-top:0}.beta-footer{width:calc(100% - 34px);gap:15px;align-items:flex-start;font-size:10px}.beta-footer nav{gap:12px}.beta-secret{font-size:11px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.beta-body *{transition:none!important;scroll-behavior:auto!important}}

.beta-like-form{margin:12px 0 0;display:flex;justify-content:flex-end}.beta-person-caption{z-index:1}.beta-pagination{display:flex;justify-content:center;gap:24px;margin:24px 0}

.beta-like-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;padding:0;background:transparent;box-shadow:none}.beta-like-tabs a{padding:10px 18px;border-radius:999px;color:#245ea8;background:#e9eff9;text-decoration:none}.beta-like-tabs a[aria-current="page"]{background:#245ea8;color:#fff}.beta-like-form .beta-button:hover,.beta-like-form .beta-button:focus-visible{background:#e9eff9;color:#173d6f}.beta-pagination{background:transparent;box-shadow:none}

.beta-like-form .beta-heart-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-height:48px;flex:none;padding:12px;border-radius:50%;border:1px solid #ffffff80;background:#fff;color:#b82e60;box-shadow:0 3px 12px #10203824;cursor:pointer;filter:none}
.beta-heart-button svg{display:block;width:24px;height:24px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.beta-like-form .beta-heart-button.is-liked{background:#b82e60;color:#fff;border-color:#b82e60}
.beta-heart-button.is-liked svg{fill:currentColor}
.beta-like-form .beta-heart-button:hover{background:#fce1ea;color:#98234e}
.beta-like-form .beta-heart-button.is-liked:hover{background:#98234e;color:#fff}
.beta-like-form .beta-heart-button:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #245ea8}

/* Reuse the existing HTML prototype's cards, gallery and match styles. */
.beta-original-design .page-heading{display:block;margin-bottom:30px}
.beta-original-design .page-heading h1{font-size:clamp(30px,4vw,46px);line-height:1.15}
.beta-original-design .page-heading>p{color:var(--muted)}
.beta-original-design .beta-original-profiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.beta-original-design .profile-card-link>img{object-fit:contain;object-position:center;background:#182b40}
.beta-original-design .profile-card .profile-body h3{color:#fff}
.beta-original-design .profile-detail{align-items:start}
.beta-original-design .gallery-thumb[aria-current="true"]{border-color:var(--blue);box-shadow:0 0 0 2px #dce9f9}
.beta-original-design .gallery-thumbs{background:transparent;box-shadow:none}
.beta-original-design .gallery-stage .portrait{max-width:100%;object-fit:contain}
.beta-original-design .profile-about .beta-like-form{margin:0}
.beta-original-design .profile-about h3{margin-top:28px}
.beta-original-design .beta-profile-about{white-space:pre-wrap;overflow-wrap:anywhere}
.beta-original-design .match-body .match-profile{margin-top:0}
.beta-original-design .match-heart{font-size:24px}
.beta-profile-back{display:inline-flex;margin-bottom:24px}
@media(max-width:1060px){.beta-original-design .beta-original-profiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.beta-original-design .beta-original-profiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* App navigation follows the HTML prototype, including device safe areas. */
.beta-bottom-nav{position:fixed;z-index:50;bottom:0;left:0;right:0;display:none;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border-top:1px solid var(--line);padding:12px max(8px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
.beta-bottom-nav>a,.beta-tab-unavailable{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:12px;line-height:1.3;text-align:center;min-width:0}
.beta-tab-icon{display:flex;align-items:center;justify-content:center;width:64px;height:38px;border-radius:16px}
.beta-tab-icon svg{width:27px;height:27px}
.beta-bottom-nav [aria-current=page]{color:var(--blue)}
.beta-bottom-nav [aria-current=page] .beta-tab-icon{background:#edf3fc}
.beta-tab-unavailable small{font-size:9px;color:var(--muted)}
@media(max-width:1024px){.beta-bottom-nav{display:grid}.beta-body:has(.beta-bottom-nav){padding-bottom:calc(110px + env(safe-area-inset-bottom))}}
@media(max-width:420px){.beta-bottom-nav>a,.beta-tab-unavailable{font-size:10px}.beta-tab-icon{width:48px}}

.beta-conversation-row{display:flex;gap:16px;align-items:center}.beta-conversation-row>span:last-child{margin-left:auto}.beta-message-text{white-space:pre-wrap;overflow-wrap:anywhere}.conversation-panel{width:100%}.chat-form input{min-width:0}

.beta-plan-actions{margin:20px 0}.beta-plan-description{white-space:pre-wrap;overflow-wrap:anywhere}.beta-plan-form select{max-width:100%}.beta-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-detail-art{overflow:hidden}.plan-detail-art .plan-art{margin:0}.beta-plan-form label{min-width:0}@media(max-width:1000px){.beta-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.beta-plan-grid{grid-template-columns:1fr}}

.beta-body a.btn:not(.secondary):not(.quiet){color:#fff}

.beta-button.beta-button-danger{background:#ad3443;color:#fff;border-color:#ad3443}

/* Shared desktop/mobile icons; photo reactions remain separate from profile hearts. */
.beta-desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(2px,.6vw,12px);min-width:0}
.beta-header .beta-desktop-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;min-width:0;padding:6px clamp(4px,.7vw,12px);font-size:12px;line-height:1.25;border-radius:16px;white-space:normal}
.beta-desktop-nav .beta-tab-icon{display:flex;align-items:center;justify-content:center;width:44px;height:32px}
.beta-desktop-nav svg{width:25px;height:25px}
.beta-header:has(.beta-desktop-nav){gap:clamp(8px,1.5vw,24px)}
.beta-header:has(.beta-desktop-nav) .beta-nav{flex:1;min-width:0;overflow:visible}
.beta-header:has(.beta-desktop-nav) .beta-logo-frame{max-width:170px}
.beta-own-photos{margin-top:28px;scroll-margin-top:28px}
.beta-own-photos h2{margin-top:0}
.beta-primary-photo{font-size:12px;font-weight:700;color:var(--blue,#245fad);padding:6px 9px;background:#edf4ff;border-radius:9px}
.beta-photo-card figcaption{flex-wrap:wrap;gap:8px}
.beta-wow-form{display:flex;justify-content:center;margin:18px 0 4px}
.beta-wow{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 22px;border:2px solid transparent;border-radius:999px;background:#c44920;color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 5px 16px #c4492026}
.beta-wow .beta-icon{width:25px;height:25px}
.beta-wow:hover{background:#a73713}
.beta-wow[aria-pressed="true"]{background:#fff1e9;color:#9b3516;border-color:#c44920}
.beta-wow:focus-visible{outline:3px solid #245fad;outline-offset:4px}
.beta-wow-count{font-size:.8em;min-width:20px;padding:2px 5px;border-radius:20px;background:#ffffff30}
@media(min-width:1025px){.beta-header:has(.beta-desktop-nav){flex-wrap:nowrap}.beta-header .beta-desktop-nav{width:100%}.beta-header:has(.beta-desktop-nav) .beta-header-actions{flex-shrink:0;gap:8px}}
@media(max-width:1024px){.beta-header:has(.beta-desktop-nav) .beta-nav{display:none}}

.beta-photo-wow-count{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fff1e9;color:#9b3516;font-size:13px;font-weight:700}.beta-photo-wow-count .beta-icon{width:20px;height:20px}

/* Central activity tabs, persistent notification badges and photo-based WOW lists. */
.beta-tab-icon{position:relative}
.beta-nav-badge{position:absolute;right:0;top:-3px;display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 4px;border-radius:999px;background:var(--notification-red);color:#fff;font-size:11px;font-weight:750;line-height:1;border:2px solid #fff}
.beta-notification-dot{display:inline-block;width:10px;height:10px;min-width:10px;padding:0;border-radius:50%;background:var(--notification-red)}
.beta-nav-badge.beta-notification-dot{width:12px;height:12px;min-width:12px;right:4px;top:0}
.beta-tab-dot{margin-left:7px;flex-shrink:0}
.beta-activity-tabs a{display:inline-flex;align-items:center;justify-content:center;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.beta-item-new{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:750;background:var(--notification-red);color:white;vertical-align:middle;line-height:1.5}
.beta-wow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:22px}
.beta-wow-card{padding:0;overflow:hidden}
.beta-wow-card>a{display:block;background:#e9eff9}
.beta-wow-card>a img{display:block;width:100%;height:280px;object-fit:contain}
.beta-wow-card-body{padding:18px;overflow-wrap:anywhere}
.beta-wow-attribution{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#9b3516;margin:8px 0}
.beta-wow-attribution .beta-icon{width:22px;height:22px}
.beta-wow-card time,.beta-conversation-copy time{font-size:12px;color:#60718a}
.beta-conversation-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.beta-conversation-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:#60718a}
.beta-conversation-row:has(.beta-message-badge:not([hidden])){border-color:#b8ccec;background:#f6f9ff}
.beta-message-badge{flex-shrink:0;background:var(--notification-red);color:#fff;border-radius:999px;min-width:25px;padding:4px 7px;font-size:12px;text-align:center}
.beta-unread-message{border-left:3px solid #cf2348}
.beta-unread-message .beta-item-new{display:table;margin-bottom:5px}
.beta-body a.beta-live-update{display:block;padding:14px 18px;border-radius:14px;margin:14px 0;background:#e8f0fc;color:#245ea8;font-weight:700}
.beta-body [hidden]{display:none!important}
@media(max-width:600px){.beta-activity-tabs{gap:7px}.beta-activity-tabs a{font-size:12px;padding:9px 12px}.beta-wow-grid{gap:14px}.beta-conversation-row{gap:10px}.beta-nav-badge{right:5px}.beta-wow-card>a img{height:260px}}

.beta-profile-details{margin-top:28px}.beta-profile-details>.beta-panel>h2{margin-top:0}

/* Responsive field alignment and resilient content wrapping. */
.beta-main :is(h1,h2,h3,h4,p,legend), .beta-panel { overflow-wrap:anywhere; }
:is(.beta-form-grid,.beta-editor-layout,.beta-actions)>* { min-width:0; }
.beta-form-grid { align-items:end; }
.beta-form>label, .beta-form>.beta-form-grid, .beta-form>fieldset { margin-bottom:0; }
.beta-plan-form .form-grid { align-items:end; }
.beta-plan-form .form-grid>label { margin-bottom:0; }
.beta-field :is(input,select,textarea) { min-width:0; max-width:100%; }
.beta-page-profile .beta-photo-panel { max-width:none; }
.beta-upload-form input[type=file] { min-height:48px; padding:6px; }
.beta-upload-form input[type=file]::file-selector-button { min-height:34px; }
.beta-actions { flex-wrap:wrap; }
.beta-main .chat-form input:not([type=hidden]) { height:48px; }

/* Conversation layout follows the original HTML preview. */
.beta-chat-person{display:flex;align-items:center;gap:14px;padding:22px 26px;border-bottom:1px solid #e4eaf2;color:#18263d}
.beta-chat-person .avatar,.beta-conversation-row .avatar{width:52px;height:52px;min-width:52px;object-fit:cover;border-radius:16px}
.beta-chat-person>span{min-width:0;display:flex;flex-direction:column;gap:4px}.beta-chat-person strong{overflow-wrap:anywhere}.beta-chat-person small{color:#687a94}
.beta-chat-tools{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:16px 26px;border-top:1px solid #e4eaf2}
.beta-chat-tools>a,.beta-contact-action>summary{font-size:13px;min-height:40px;display:flex;align-items:center;padding:9px 12px;cursor:pointer;color:#245ea8;font-weight:600}
.beta-contact-action>summary{list-style:none}.beta-contact-action>summary::-webkit-details-marker{display:none}
.beta-contact-action[open]{flex:1 0 100%;min-width:0}.beta-contact-action>div{padding:16px;border:1px solid #e4eaf2;border-radius:14px;background:#f7f9fc}
.beta-contact-action form{margin-bottom:0}.beta-contact-action p{margin:0 0 16px}.beta-contact-action .beta-field{margin-bottom:16px}
.beta-button-danger{background:#b52e49;color:white}.beta-report-text{white-space:pre-wrap;overflow-wrap:anywhere}
.beta-blocked-users{margin-top:28px}.beta-blocked-users summary{cursor:pointer;font-weight:600}.beta-blocked-users .beta-actions{margin:12px 0}
.bubble [data-read="true"]{color:#255b92}.conversation-panel .bubble small{display:block;margin-top:8px;overflow-wrap:anywhere}
@media(max-width:600px){.beta-chat-person{padding:16px}.beta-chat-tools{padding:12px;gap:5px}.beta-contact-action>div{padding:12px}}

.beta-message-text{white-space:pre-wrap;overflow-wrap:anywhere}

.conversation-panel>.actions:empty{display:none}.beta-chat-person strong{color:#18263d}
.beta-contact-action:first-of-type>summary{color:#ad2945;background:#fff2f4;border:1px solid #efd1d8;border-radius:12px}

/* Reset the generic FAQ details spacing inside the conversation toolbar. */
.beta-chat-tools>.beta-contact-action{margin:0;padding:0;border:0;min-width:0}
.beta-chat-tools>a,.beta-chat-tools>.beta-contact-action>summary{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:10px 12px;line-height:22px;font-size:13px;font-weight:600;border:1px solid transparent;border-radius:12px}
.beta-chat-tools>a.btn{border-color:#dbe3ed}
.beta-chat-tools>.beta-contact-action:first-of-type>summary{border-color:#efd1d8}
.beta-chat-tools>.beta-contact-action[open]>div{margin-top:12px}

/* Four activity sections, with a separate direction switch for Likes and WOW. */
.beta-activity-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.beta-activity-tabs>a{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center;justify-content:center}
.beta-activity-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:-8px}
@media(max-width:480px){.beta-activity-tabs{gap:4px}.beta-activity-tabs>a{padding:10px 5px;font-size:12px}}

.beta-invite-list{display:grid;gap:20px;margin-top:24px}.beta-invite-list .beta-panel{min-width:0}.beta-invite-list input{width:100%;min-width:0}