.experience-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;width:min(480px,calc(100vw - 24px));max-height:min(85dvh,900px);overflow:auto;padding:20px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 24px 100px #0007}.experience-dialog--wide{width:min(920px,calc(100vw - 24px))}.experience-dialog::backdrop{background:#080a10b3;backdrop-filter:blur(8px)}.experience-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.experience-dialog h2{font-size:17px;font-weight:600}.experience-dialog>header>button{font-size:26px;min-width:44px;min-height:44px;cursor:pointer;border-radius:50%}.experience-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.experience-stack{display:flex;flex-direction:column;gap:12px}.experience-button{min-height:40px;padding:8px 12px;border:1px solid var(--border-color);border-radius:9px;cursor:pointer;color:var(--text-primary);background:var(--bg-primary);font-size:12px;text-align:center}.experience-button:hover,.experience-button[aria-pressed=true]{background:var(--active-bg);border-color:#60a5fa}.experience-button:disabled{opacity:.5;cursor:default}.experience-button--primary{background:#2563eb;color:white;border-color:#2563eb}.experience-button--primary:hover{background:#1d4ed8}.experience-input{min-width:0;min-height:42px;padding:8px 10px;border-radius:9px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:13px}.experience-note{color:color-mix(in srgb,var(--text-primary) 72%,var(--bg-secondary));font-size:12px;line-height:1.7;overflow-wrap:anywhere}.experience-error{color:#f87171;font-size:13px}.experience-divider{border-top:1px solid var(--border-color);padding-top:12px}.experience-button:focus-visible,.experience-dialog button:focus-visible,.experience-dialog input:focus-visible,.experience-dialog select:focus-visible{outline:2px solid #60a5fa;outline-offset:3px}.experience-screen{margin-block:12px}.experience-screen button{min-height:36px;padding-block:5px}.experience-presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.experience-presets>span{display:inline-flex;align-items:center;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.experience-presets>span button{min-height:36px;padding:6px 9px;font-size:12px;cursor:pointer}.experience-presets>span button:hover{background:var(--hover-bg)}@media (max-width:639px){.experience-dialog{padding:16px}.experience-button{min-height:44px}}@media (prefers-reduced-motion:reduce){.progressive-image{transition:none!important}}