.auth-shell{max-width:460px;margin:7vh auto;padding:28px}.auth-logo{width:100%;margin-bottom:16px}.beta-form{display:grid;gap:18px}.beta-form label{display:grid;gap:7px;font-size:1rem;font-weight:600}.beta-form input:not([type=checkbox]),.beta-form select,.beta-form textarea{width:100%;font:inherit;color:var(--ink,#173551);padding:12px;border:1px solid #b7cce4;border-radius:12px;background:white;min-width:0}.beta-form textarea{min-height:120px;resize:vertical}.beta-form input[type=checkbox]{width:22px;height:22px}.beta-form .check-label{display:flex;align-items:center;gap:10px}.beta-form button{min-height:46px}.form-error{color:#b33128;font-size:1rem;line-height:1.7}.demo-note{display:block;padding:10px 14px;background:#fff8e5;color:#78601d;border-radius:12px;font-size:.85rem;margin-bottom:20px}.beta-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.beta-list{display:grid;gap:14px}.beta-row{background:white;border:1px solid var(--line);border-radius:18px;padding:20px}.beta-row h2,.beta-row p{margin:0 0 12px}.beta-row button{margin:4px 10px 4px 0}.beta-row .muted{font-size:.95rem}.beta-admin-buttons{display:flex;gap:12px;flex-wrap:wrap}.beta-admin-buttons button{padding:14px 18px}.beta-warning{padding:14px;background:#fff8e7;border:1px solid #e0bd60;border-radius:10px;font-size:1rem;line-height:1.7}.beta-intro{margin-bottom:24px}.beta-empty{padding:28px;text-align:center;color:#657c96;background:white;border:1px solid var(--line);border-radius:18px}.beta-profile-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.nav{grid-template-columns:repeat(var(--tabs,3),1fr)}.nav button{min-width:0}.beta-status{font-size:.875rem;color:#697e99}.section-head h2{min-width:0}.beta-photo{display:none}.beta-revoke{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.beta-revoke button{color:#b33128}.beta-confirm{margin-bottom:20px}.beta-form .actions{display:flex;gap:12px}.beta-form .actions>*{flex:1}.beta-award{padding:20px 0;text-align:center}.beta-award>.icon{width:100px;height:100px}.beta-award h2{font-size:2rem}.beta-award-list{display:grid;gap:12px;margin:24px 0}.beta-award-list>div{padding:12px;border-radius:12px;background:#f2f6fd}.beta-favorite{display:flex;align-items:center;gap:12px;padding:12px 0}.beta-favorite input{width:24px;height:24px}.beta-form-hint{font-size:.9rem;color:#697e99;line-height:1.7}.beta-toolbar .primary{margin:0}.beta-request-criteria{white-space:pre-line;line-height:1.8}.beta-login-error{min-height:1.5em}.beta-return{margin-bottom:20px}.beta-busy{opacity:.65;pointer-events:none}.beta-time{font-size:.875rem;color:#697e99}.hero-profile .frame-title{font-size:.8rem}.beta-profile-actions .text-button{padding:10px}.beta-row h2{font-size:1.2rem}.greeting{overflow-wrap:anywhere}.beta-person-title{display:flex;align-items:center;gap:14px}.beta-person-title .avatar-frame{flex:none}@media(max-width:420px){.beta-row{padding:16px}.nav button{font-size:.85rem;padding-inline:4px}.section-head .eyebrow{font-size:.7rem}.auth-shell{padding:22px}.beta-admin-buttons>*{flex:1}.hero-count strong{font-size:3.5rem}}
.nav button{width:calc(100% / var(--tabs,3));max-width:180px;white-space:nowrap;font-size:clamp(.75rem,2.4vw,.875rem)}
.nav button{position:relative}
button.site-brand{border:0;padding:0;background:transparent;cursor:pointer;align-self:center;min-height:44px}
.site-brand:focus-visible{outline:3px solid #176bd7;outline-offset:4px;border-radius:5px}
.delegation-banner{position:sticky;top:0;z-index:30;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;background:#fff3da;border-bottom:2px solid #d9ab46;padding:10px 14px;color:#634815;font-size:1rem}
.delegation-banner .secondary{min-height:44px;background:#fff;border-color:#d9ab46;color:#634815;font-size:.9rem}
.beta-person-title{margin-bottom:16px}.beta-person-title h2{margin-bottom:4px}.beta-person-title .frame-label{text-align:left;color:#53708e}
.beta-person-title .avatar-frame{flex-shrink:0}.beta-person-title>div{min-width:0;overflow-wrap:anywhere}
.beta-award-list>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.beta-award-list .secondary{margin-left:auto}
.batch-bar{flex-wrap:wrap}.batch-bar .primary{min-width:180px}.select-request{cursor:pointer;align-items:flex-start}.select-request input{margin-top:3px}
.avatar-frame.red{--frame:linear-gradient(135deg,#f05e70,#ffc0c4 48%,#e85367);box-shadow:0 0 0 1px #ee8792}
@media(max-width:420px){.delegation-banner{justify-content:flex-start;gap:6px;font-size:.9rem}.delegation-banner .secondary{padding:8px 12px}.batch-bar .primary{font-size:.9rem}.beta-person-title .avatar{width:48px;height:48px}.site-logo{top:50%;transform:translateY(-50%)} }
/* The new FRAME celebration makes the person's portrait the central element. */
.profile-avatar-button{display:inline-flex;padding:0;background:transparent;border:0;border-radius:50%;color:inherit;cursor:pointer}
.profile-avatar-button:focus-visible{outline:3px solid #fff;outline-offset:6px}.tenure{margin-top:12px;color:#627a96;font-size:1rem}
.beta-form [hidden]{display:none!important}
.frame-promotion{background:radial-gradient(ellipse at 50% 38%,#345f9b 0%,#112e57 48%,#07162f 100%)}
.frame-promotion .promotion-content{max-width:720px;padding-top:35px;gap:0}
.frame-promotion .promotion-kicker{font-size:clamp(2.5rem,6vw,4.5rem)!important;letter-spacing:.08em;margin:10px 0 40px!important;text-shadow:0 2px 25px #ffdc8055}
.frame-promotion .promotion-avatar{position:relative;margin:0 0 30px;animation:portrait-unveil 1.5s cubic-bezier(.2,.8,.25,1)}
.frame-promotion .promotion-avatar .avatar{width:clamp(185px,29vw,290px);height:clamp(185px,29vw,290px);font-size:5rem;border-width:5px}
.frame-promotion .promotion-avatar .avatar-frame{padding:12px;box-shadow:0 0 0 2px #fff2ca,0 0 0 20px #ffffff09,0 0 0 46px #ffffff05,0 0 85px #a8daff88}
.frame-promotion .promotion-content h2{font-size:clamp(2rem,5vw,3.3rem);margin:0 0 18px;text-shadow:0 0 24px #fbd98c44}
.frame-promotion .promotion-content h3{font-size:clamp(1.2rem,3vw,1.7rem);max-width:640px}
.frame-promotion .promotion-content .promotion-steps{margin:0 0 15px;color:#f9e6b0;font-size:.95rem}
.frame-promotion .promotion-content>p:not(.promotion-kicker){max-width:520px}
.promotion-orbit{position:fixed;left:50%;top:38%;width:min(90vw,650px);aspect-ratio:1;border:1px solid #c5e2ff35;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 34px #a7cfff05,0 0 0 72px #a7cfff04;pointer-events:none;animation:orbit-glow 4s ease-in-out infinite}
.frame-promotion.radiant{background:radial-gradient(ellipse at 50% 35%,#635489 0%,#233c66 40%,#0b1731 100%)}
@keyframes portrait-unveil{from{opacity:0;transform:scale(.55) translateY(25px);filter:brightness(1.8)}to{opacity:1;transform:scale(1) translateY(0);filter:brightness(1)}}
@keyframes orbit-glow{50%{opacity:.4;box-shadow:0 0 0 48px #a7cfff05,0 0 0 94px #a7cfff04}}
@media(max-width:420px){.frame-promotion{padding-inline:18px}.frame-promotion .promotion-kicker{margin-bottom:30px!important}.frame-promotion .promotion-avatar .avatar{width:185px;height:185px;font-size:4rem}.frame-promotion .promotion-content{padding-top:42px}.frame-promotion .promotion-content h2{font-size:2rem}.frame-promotion .promotion-content>p:not(.promotion-kicker){margin:10px 0}.promotion-content .company-sign{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.promotion-orbit{display:none}.frame-promotion .promotion-avatar{animation:none!important}}

.beta-danger{border:0;border-radius:14px;padding:16px 20px;background:#a82d46;color:#fff;font:inherit;font-weight:700;cursor:pointer}.beta-danger:disabled{opacity:.5}.beta-danger:focus-visible{outline:3px solid #183859;outline-offset:3px}
