.experience-layer{position:fixed;inset:0;z-index:95;display:flex;align-items:flex-end;justify-content:center;padding:20px;box-sizing:border-box;background:rgba(35,57,52,.10);font-family:inherit;color:#43564d}
.experience-layer[hidden]{display:none!important}
.experience-drawer{position:relative;width:min(100%,540px);max-height:min(82dvh,740px);overflow:auto;box-sizing:border-box;border:1px solid rgba(255,255,255,.55);border-radius:28px;padding:26px 28px 24px;background:radial-gradient(ellipse at 50% 42%,#fffcf4fc 34%,#fffaf0f2 74%,#fff9e9b0 100%);box-shadow:0 0 23px 7px #fff9e655,0 14px 45px #233c332e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);line-height:1.7;scrollbar-width:thin;overscroll-behavior:contain}
.experience-drawer h2{margin:24px 0 12px;font-size:26px;line-height:1.35;color:#3b5448}
.experience-description{font-size:18px;margin:0 0 16px}
.experience-detail{font-size:16px;color:#58665b;margin:13px 0}
.experience-footnote{font-size:14px;color:#677066;margin:12px 0 0}
.experience-status{padding:12px 15px;border-radius:15px;background:#eaf0df;font-size:17px;min-height:1.7em}
.experience-button,.experience-close{font:inherit;line-height:1.5;cursor:pointer;border:1px solid #cdd2ba;background:#fffdf7;color:#456052;border-radius:15px;padding:11px 15px;min-height:46px;text-align:center;touch-action:manipulation}
.experience-button:focus-visible,.experience-close:focus-visible{outline:3px solid #79976a;outline-offset:3px}
.experience-button:hover{background:#f1f0df}.experience-button.primary{background:#587858;border-color:#587858;color:#fffef7}
.experience-button:disabled{opacity:.48;cursor:default}.experience-button[aria-pressed=true]{background:#e0ebd5;border-color:#7c9a6d;box-shadow:inset 0 0 0 1px #7c9a6d}
.experience-close{position:absolute;right:19px;top:10px;min-height:44px;padding:7px 11px;font-size:14px;border-color:transparent;background:transparent;color:#657564}
.experience-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}.experience-actions>*{flex:1;min-width:130px}
.experience-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.experience-drawer>.experience-button{width:100%;margin:7px 0}
@media(max-width:560px){.experience-layer{padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.experience-drawer{padding:24px 20px 21px;border-radius:24px;max-height:86dvh}.experience-drawer h2{font-size:24px}.experience-description{font-size:17px}.experience-detail{font-size:15px}}