:root{--xp-bg:#070a0e;--xp-card:#11161e;--xp-ink:#edf1f7;--xp-muted:#a2adbd;--xp-accent:var(--jv-accent,#c7d1de)}
.experience-page{margin:0;background:var(--xp-bg);color:var(--xp-ink);font:16px/1.6 system-ui,sans-serif;min-height:100vh}.xp-header,.xp-main,.xp-footer{width:min(1160px,calc(100% - 48px));margin:auto}.xp-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0}.xp-brand{display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:.15em}.xp-brand img{width:38px;height:38px;object-fit:contain}.xp-header nav,.xp-actions,.xp-tabs{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.experience-page a{color:inherit;text-decoration:none}.experience-page a:hover{text-decoration:underline}.xp-header nav a{color:var(--xp-muted);font-size:14px}.xp-main{padding:52px 0 72px}.xp-eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--xp-accent);text-transform:uppercase}.xp-main h1{font-size:clamp(36px,6vw,68px);line-height:1.06;letter-spacing:-.055em;max-width:850px;margin:20px 0}.xp-lead{color:var(--xp-muted);font-size:19px;max-width:700px;margin-bottom:36px}.xp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.xp-card{padding:26px;border-radius:22px;background:linear-gradient(145deg,#151c26,#0f141c);min-width:0;box-shadow:0 14px 40px #0003;animation:xp-enter .45s both}.xp-card h2,.xp-card h3{margin:8px 0 12px;letter-spacing:-.025em}.xp-card p,.xp-muted{color:var(--xp-muted)}.xp-wide{grid-column:1/-1}.experience-page button,.xp-button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:10px 18px;border:1px solid #ffffff20;border-radius:12px;background:#1a2330;color:var(--xp-ink);font:inherit;font-weight:650;cursor:pointer;transition:transform .16s,background .16s}.experience-page button:hover,.xp-button:hover{background:#283345;transform:translateY(-2px);text-decoration:none}.experience-page button:disabled{opacity:.5;cursor:wait;transform:none}.experience-page .xp-primary{background:var(--xp-accent);color:#080b10}.experience-page input,.experience-page select,.experience-page textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #ffffff25;border-radius:10px;background:#080d14;color:inherit;padding:12px;margin:6px 0 18px;min-height:46px}.experience-page label{display:block;font-weight:600;font-size:14px}.experience-page :focus-visible{outline:3px solid var(--xp-accent);outline-offset:4px}.xp-message{min-height:28px;color:var(--xp-accent);white-space:pre-wrap}.xp-check{padding:14px 0}.xp-check b{display:block}.xp-check[data-ok=true] b:before{content:'✓ ';color:#8be1b3}.xp-check[data-ok=false] b:before{content:'○ ';color:#e3bc7b}.xp-status{display:inline-flex;align-items:center;gap:8px;border-radius:20px;padding:5px 12px;background:#ffffff0b;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.xp-status:before{content:'';width:7px;height:7px;border-radius:50%;background:#8be1b3}.xp-status[data-state=degraded]:before,.xp-status[data-state=setup-required]:before{background:#e3bc7b}.xp-status[data-state=unavailable]:before{background:#f58a93}.xp-room{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0}.xp-room span{display:block;color:var(--xp-muted);font-size:14px}.xp-samples{display:flex;gap:3px;height:36px;align-items:stretch;margin-top:18px}.xp-samples i{background:#8be1b3;flex:1;border-radius:3px;min-width:2px}.xp-samples i[data-online=false]{background:#f58a93}.xp-footer{padding:28px 0;color:var(--xp-muted);font-size:13px}.xp-reveal{animation:xp-enter .45s ease-out both}.xp-global-links{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:14px 24px;font:13px/1.5 system-ui;color:#bac5d4;background:#0d131b}.xp-global-links a{color:inherit}.xp-release-notice{position:relative;margin:18px auto;padding:24px;border-radius:18px;max-width:1100px;background:#151d28;color:#edf1f7}.xp-release-notice p{white-space:pre-wrap}.xp-release-notice button{position:absolute;right:14px;top:10px;background:transparent;border:0;color:inherit;font-size:24px;cursor:pointer}.xp-help-link{font:13px system-ui;color:var(--jv-accent,#c7d1de);margin:10px 0;display:inline-block}.xp-music-diagnostic{padding:16px;border-radius:12px;background:#111b26;margin:16px 0;max-width:700px}.xp-table{width:100%;border-collapse:collapse}.xp-table th,.xp-table td{text-align:left;padding:12px 10px;vertical-align:top}.xp-table tr:nth-child(even){background:#ffffff04}.xp-code{overflow-wrap:anywhere;user-select:all}.experience-page [hidden]{display:none!important}@keyframes xp-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:850px){.xp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-header{align-items:flex-start}.xp-header nav{justify-content:flex-end}}@media(max-width:560px){.xp-header,.xp-main,.xp-footer{width:calc(100% - 32px)}.xp-header{flex-direction:column;gap:14px}.xp-header nav{justify-content:flex-start;gap:14px}.xp-main{padding-top:24px}.xp-grid{grid-template-columns:1fr}.xp-card{padding:20px}.xp-room{align-items:flex-start}.xp-actions>*{flex:1}.xp-main h1{font-size:40px}.xp-lead{font-size:17px}.xp-table{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
html.xp-background *,html.xp-background *::before,html.xp-background *::after{animation-play-state:paused!important}

.xp-entry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0;max-width:1000px}.xp-entry a{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:16px;background:#131b25cc;color:#edf1f7;text-decoration:none;transition:transform .18s}.xp-entry a:hover{transform:translateY(-3px)}.xp-entry span{font-size:13px;line-height:1.5;color:#aab5c6}@media(max-width:700px){.xp-entry{grid-template-columns:1fr;max-width:520px}}

.xp-offscreen,.xp-offscreen *, .xp-offscreen *::before,.xp-offscreen *::after{animation-play-state:paused!important}