.access-panel{border:1px solid #3a484a;border-radius:8px;background:#182124;padding:15px;margin:18px 0}.access-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.access-top strong{font-size:12px;color:var(--lime)}.access-top p,.access-session{font-size:11px;line-height:1.7;color:var(--muted);margin:6px 0 10px}.access-top>a{font-size:10px;padding:8px;white-space:nowrap}.access-panel .account-primary{font-size:11px;padding:10px 14px}.local-access-preview{border-top:1px solid var(--line);padding-top:10px;margin-top:12px;color:var(--muted);font-size:10px}.local-access-preview summary{cursor:pointer}.local-access-preview button{margin:12px 10px 0 0;color:var(--lime)}.local-access-preview span{display:block;margin-top:7px}.access-empty{padding:25px 15px;border:1px dashed #405058;border-radius:8px;color:var(--muted);font-size:12px;line-height:1.8;margin-top:16px}.premium-lock{position:relative;border:1px solid #364239;border-radius:10px;overflow:hidden;min-height:360px;margin-top:22px;background:#17201c}.premium-sample{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;padding:32px;filter:blur(7px);opacity:.32;pointer-events:none;user-select:none;min-height:360px}.sample-label{font-size:10px;letter-spacing:2px;margin:15px 0;color:#c7d9b3}.sample-row{display:flex;gap:12px;margin:20px 0 30px}.sample-icon,.sample-round{width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(135deg,#94b877,#577686);border:1px solid #b3c69b;border-radius:8px;font-size:24px;flex:1}.sample-round{border-radius:50%;flex:0 0 40px}.sample-bar{height:10px;background:#b9c7b1;border-radius:4px;margin:16px 0;width:92%}.sample-bar.short{width:60%}.premium-offer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:radial-gradient(ellipse,#111b16e8,#111b1699)}.access-lock{font-size:26px;color:var(--lime);margin-bottom:15px}.premium-offer .eyebrow{font-size:9px;margin-bottom:10px}.premium-offer h3{font:500 25px 'Space Grotesk',sans-serif;margin:0 0 10px}.premium-offer p{font-size:12px;color:#adbcae;line-height:1.8;max-width:380px;margin:0 0 20px}.premium-offer small{color:var(--muted);font-size:10px;margin-top:14px}@media(max-width:650px){.premium-sample{gap:15px;padding:20px}.sample-row{gap:5px}.sample-icon{width:24px;height:30px}.premium-offer h3{font-size:22px}.premium-lock{min-height:330px}.premium-offer{padding:20px}.access-top{flex-wrap:wrap}}