img.ab-image-pending{opacity:0}img{transition:opacity .22s ease}img.ab-image-fallback{object-fit:contain!important;background:#172b39;padding:18px;opacity:.55}html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
.experience-dialog{box-sizing:border-box;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:32px;border:1px solid #4a6976;border-radius:24px 13px 24px 13px;background:#152838;color:#f2ede4;font:14px/1.6 'Plus Jakarta Sans',Arial,sans-serif;box-shadow:0 32px 100px #0008}
.experience-dialog::backdrop{background:#05111cba;backdrop-filter:blur(8px)}.experience-dialog h2{font:650 32px/1.2 'Bricolage Grotesque',Arial,sans-serif;margin:12px 0}.experience-dialog p{color:#adc1d0}.experience-dialog button,.experience-dialog input{font:inherit}.experience-dialog button{cursor:pointer}.experience-dialog button:disabled{opacity:.5;cursor:not-allowed}.experience-close{position:absolute;right:16px;top:12px;border:0;background:none;color:#c8e1e2;font-size:26px!important;padding:2px 10px}.experience-kicker{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#8ce6c9}.experience-intro{font-size:13px;margin:0 0 23px}.experience-account{display:flex;align-items:center;gap:13px;padding:15px;background:#1e3842;border:1px solid #365962;border-radius:13px;margin:22px 0}.experience-account strong,.experience-account small{display:block}.experience-account small{color:#9cbdc6;font-size:12px}.experience-avatar{background:#335c50;border:1px solid #5c8c75;border-radius:12px;width:43px;height:43px;display:grid;place-items:center;color:#b5f0d4;font-size:20px}.experience-setting{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0;border-top:1px solid #35505f}.experience-setting label{cursor:pointer;flex:1}.experience-setting b{display:block;color:#f2ede4;font-size:14px}.experience-setting small{display:block;margin-top:5px;color:#9eb8c8;font-size:12px;line-height:1.7}.experience-setting input[type=checkbox]{appearance:none;width:46px;height:27px;flex:none;border-radius:30px;background:#314d5e;border:1px solid #5a7581;position:relative;cursor:pointer}.experience-setting input[type=checkbox]:before{content:'';position:absolute;left:3px;top:3px;width:19px;height:19px;background:#d4e1df;border-radius:50%;transition:transform .18s}.experience-setting input:checked{background:#40836c;border-color:#8ce6c9}.experience-setting input:checked:before{transform:translateX(19px);background:#d5fae9}.experience-volume{padding:0 0 22px}.experience-volume label{display:flex;justify-content:space-between;color:#bcd2dc;font-size:12px}.experience-volume input{width:100%;height:26px;accent-color:#8ce6c9;cursor:pointer}.experience-test{background:#243d4b;border:1px solid #456775;border-radius:9px;padding:8px 12px;color:#b7e9d8;font-size:12px!important;margin-top:9px}.experience-device{font-size:11px!important;margin:8px 0 24px}.experience-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.experience-done{color:#263032;background:#ffad67;border:1px solid #ffc58f;border-radius:10px;padding:12px 21px;font-weight:750!important}.experience-logout{background:none;border:0;color:#abc3d1;font-size:12px!important}.experience-actions a{color:#a2e3cb;font-size:12px}.experience-dialog :focus-visible{outline:2px solid #8ce6c9;outline-offset:4px}.sound-control{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#1d3543;border:1px solid #3c6170;color:#a9dfcf;border-radius:24px;font:600 12px/1.6 'Plus Jakarta Sans',Arial,sans-serif;cursor:pointer;margin:12px 0}.sound-control[aria-pressed=false]{color:#b1c2cf}.experience-dialog[open]{animation:experience-in .2s ease-out}@keyframes experience-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.experience-link{background:none;border:0;padding:0;color:inherit;text-align:left;font:inherit;cursor:pointer}.member-toast:not(.hidden),#site-toast:not([hidden]){animation:experience-in .22s ease-out}@media(max-width:500px){.experience-dialog{padding:28px 23px}.experience-dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){img,.experience-dialog,.experience-setting input:before{transition:none;animation:none}}