.brand-cluster{display:flex;align-items:center;gap:10px}
.beta-badge{font-size:8px;font-weight:650;letter-spacing:1.3px;color:var(--orange);background:#f3dfd1;border:1px solid #dba08a;border-radius:5px;padding:5px 6px;line-height:1;transform:rotate(-4deg)}
.beta-controls{position:relative;gap:20px;align-items:center}
.score-panel{width:250px;flex-shrink:0}
.score-heading{display:block;font-size:10px;font-weight:500;color:#727966;margin:0 0 9px 2px}
.score-buttons{display:flex;gap:7px}
.score-button{position:relative;width:44px;height:44px;flex-shrink:0;border:1px solid #d9d9ca;border-radius:10px;background:#fffbf2;font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;color:#68715e;transition:background .15s,color .15s}
.score-button:hover{background:#f0e8da;border-color:#ba8a72}
.score-button.selected{color:var(--orange);border-color:transparent;background:#f4e3d5}
.score-button.selected:after{content:'';position:absolute;inset:1px -2px;border:1.4px solid var(--orange);border-radius:47% 53% 49% 52%;transform:rotate(-9deg);pointer-events:none}
.score-button:nth-child(even).selected:after{transform:rotate(8deg)}
.score-scale{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#909580;margin:8px 1px 0;line-height:1.5}
.score-scale>span{display:flex;align-items:center;gap:5px}
.score-scale .icon{height:14px;width:14px;stroke-width:1.4;overflow:visible}
.score-scale>span:last-child .icon{color:#bc745e}
.beta-next{flex-shrink:0;align-self:center;margin-top:9px}
.beta-tooltip{position:absolute;bottom:calc(100% + 16px);left:0;width:min(100%,360px);z-index:4;background:#fff9ec;border:1px solid #cd8e73;border-radius:14px;padding:22px 23px 17px;box-shadow:0 9px 32px #5e462320;text-align:left;animation:beta-note-in .2s ease-out both}
.beta-tooltip:after{content:'';position:absolute;bottom:-7px;left:59px;width:12px;height:12px;transform:rotate(45deg);background:#fff9ec;border-right:1px solid #cd8e73;border-bottom:1px solid #cd8e73}
.beta-tooltip .eyebrow{font-size:8px;letter-spacing:1.25px;color:#a26450;padding-right:22px;line-height:1.7}
.beta-tooltip p{font-size:12px;line-height:1.9;margin:12px 0 14px;color:#626b56}
.beta-tooltip strong{font-weight:600;color:var(--orange);white-space:nowrap}
.beta-tooltip-close{position:absolute;right:7px;top:7px;width:36px;height:36px;color:#9e9b85}
.beta-tooltip-close .icon{width:16px;height:16px}
.beta-tooltip-footer{display:flex;align-items:center;justify-content:space-between;gap:15px}
.beta-signature{font-family:Georgia,serif;font-style:italic;font-size:20px;color:var(--orange);transform:rotate(-5deg)}
.beta-tooltip-footer>button{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--orange);border:1px solid #e0c2ab;border-radius:30px;min-height:34px;padding:7px 12px;background:#fffaf0}
.beta-tooltip-footer>button:hover{background:#f5e6d7}
.beta-tooltip-footer .icon{width:14px;height:14px}
.saved-card-actions{display:flex;align-items:center;gap:3px}
.saved-score{font-size:10px;color:var(--orange);font-weight:550;border:1px solid #e4b6a3;border-radius:20px;padding:4px 7px;white-space:nowrap;background:#fbebde}
@keyframes beta-note-in{from{opacity:0;transform:translateY(7px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(max-width:480px){.beta-controls{gap:16px}.beta-next{width:44px;height:44px;min-height:44px;padding:0;justify-content:center}.beta-next>span{display:none}.beta-next .icon{width:21px;height:21px}.score-panel{width:248px}.beta-tooltip{padding:20px 20px 17px}.beta-tooltip p{font-size:11px;line-height:1.95}.beta-badge{font-size:7px;letter-spacing:1px;padding:4px 5px}.brand-cluster{gap:7px}}
@media(max-width:360px){.brand-cluster{gap:5px}.brand{font-size:14px}.site-header nav{gap:7px}.beta-badge{font-size:6px;padding:4px}.score-panel{width:220px}.score-buttons{gap:5px}.score-button{width:40px;height:42px}.beta-controls{gap:9px}.beta-next{width:42px;height:42px;min-height:42px}.score-heading{font-size:9px}.beta-tooltip .eyebrow{font-size:7px}.beta-tooltip{padding:20px 17px 15px}.beta-tooltip p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.beta-tooltip,.score-button{animation:none!important;transition:none!important}}

.sync-note{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:6;max-width:calc(100% - 32px);width:max-content;border:1px solid #ddc5ad;border-radius:20px;padding:7px 13px;font-size:9px;line-height:1.6;color:#89644c;background:#fff9ed;box-shadow:0 3px 15px #6448290d;pointer-events:none;text-align:center}
.sync-note[hidden]{display:none}
.loading-view{max-width:500px;margin:22vh auto;text-align:center;padding:20px;color:var(--muted)}
.loading-view .eyebrow{justify-content:center;color:var(--orange)}