.experience-tour{position:fixed;inset:0;margin:0;padding:0;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:transparent;color:var(--ink,#242424);overflow:hidden;overscroll-behavior:contain;outline:none}
.experience-tour::backdrop{background:transparent;backdrop-filter:none}
.experience-ring{position:fixed;pointer-events:none;border:2px solid #fff;border-radius:14px;box-shadow:0 0 0 2px #24242425,0 0 0 9999px #15202d8a;transition:top .23s ease,left .23s ease,width .23s ease,height .23s ease}
.experience-card{position:fixed;isolation:isolate;background:var(--surface,#fff);color:var(--ink,#242424);border:1px solid var(--line,#eaeaea);border-radius:20px;box-shadow:0 18px 65px #0003;padding:19px 20px 15px;overflow:auto;overscroll-behavior:contain;animation:experience-appear .18s ease both}
.experience-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted,#737373);font-size:11px;line-height:1.4;letter-spacing:.02em;margin-bottom:13px;font-variant-numeric:tabular-nums}
.experience-card h2{font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.1px;margin:0 0 8px}
.experience-card p{font-size:12px;line-height:1.9;color:var(--muted,#737373);margin:0;overflow-wrap:anywhere}
.experience-card .experience-error{color:#b5473c;font-size:11px;margin-top:10px}
.experience-card .experience-dismiss{display:block;margin-top:5px;padding:3px 0;min-height:30px;color:var(--ink,#242424);font-size:12px;text-decoration:underline;text-underline-offset:3px}
.experience-actions{display:flex;align-items:center;gap:7px;margin-top:17px}
.experience-actions button{flex:none;min-height:35px;padding:7px 10px;border-radius:9px;font-size:12px;line-height:1.4}
.experience-actions .experience-skip{padding-left:0;padding-right:6px;color:var(--muted,#737373)}
.experience-actions .experience-next{background:var(--accent,#202020);color:#fff;padding-left:14px;padding-right:14px;font-weight:500}
.experience-actions .experience-next:hover{filter:brightness(1.15)}
.experience-action-spacer{flex:1}
.experience-actions button:focus-visible{outline:2px solid var(--accent,#202020);outline-offset:3px}
.experience-actions button:disabled{opacity:.5;cursor:wait}
@keyframes experience-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){.experience-card{padding:17px 17px 13px;border-radius:17px}.experience-card h2{font-size:15px}.experience-card p{font-size:12px}.experience-eyebrow{margin-bottom:10px}.experience-actions{margin-top:13px}}
@media(prefers-reduced-motion:reduce){.experience-ring,.experience-card{animation:none;transition:none}}
@media print{.experience-tour{display:none!important}}
