/* Contemporary sans controls, warm reflected light, and a shared beta feedback surface. */
:root{--font-interface:'DM Sans',Arial,sans-serif;--light-edge:#ffffff30}
.jelly-button,.header .jelly-button,.museum-project-link,.exhibition-intro>a,.watch-opening,.opening-rail .intro-toggle,.window-action,.launch-action,.launch-header nav a,.back-link,.next-episode{font-family:var(--font-interface);font-size:14px;font-weight:500;letter-spacing:-.025em;line-height:1.3}
.jelly-label{line-height:1.4;padding-block:2px}
.header .jelly-button{border-radius:14px;min-height:42px;padding-inline:18px}
.header .jelly-surface{border-color:#ffffff24}
.header .jelly-button-primary .jelly-surface{border-color:#ffb18b80}
.header .jelly-button-primary{font-weight:600}
.header-sections,.header-actions{gap:8px}
@media(max-width:640px){.header .jelly-button{padding-inline:12px;border-radius:12px}}
html .header,html[data-experience=choose] .header{background:radial-gradient(ellipse at 72% -140%,#9c644b55,transparent 65%),linear-gradient(180deg,#242320,#111211);border-bottom:1px solid #ffffff1c;box-shadow:0 8px 30px #0002}
.jelly-surface{background-image:radial-gradient(ellipse at 25% 0,#ffffff13,transparent 70%),linear-gradient(180deg,#ffffff08,#00000018);border-color:#ffffff30;box-shadow:inset 0 1px 0 #ffffff18,0 3px 8px #0002}
.jelly-button-primary .jelly-surface,.dock-trigger .jelly-surface{background-image:radial-gradient(ellipse at 20% 0,#ffe4af85,transparent 80%),linear-gradient(160deg,#ff936700,#aa291a28);box-shadow:inset 0 1px 0 #fff7,0 4px 18px #ff674514}
.dock-bar{background:radial-gradient(ellipse at 50% 0,#46413c,#1b1c19 80%);box-shadow:0 10px 30px #0006,inset 0 1px 0 #ffffff20}
.dock-title{font:600 13px/1.2 var(--font-interface);letter-spacing:-.02em}
.dock-project>span{font:500 13px/1.3 var(--font-interface)}
.episode-list{border-top-color:#ffffff26;gap:5px;padding-top:8px}
.episode{border:1px solid transparent;border-bottom-color:#ffffff20;border-radius:10px;padding:16px 12px;transition:background .25s,border-color .25s}
.episode-name strong{font:500 clamp(18px,1.7vw,22px)/1.2 var(--font-interface);letter-spacing:-.035em}
.episode-name .micro{font-size:10px;letter-spacing:.09em;color:#b8b3a9}
.episode[aria-pressed=true]{background:radial-gradient(ellipse at 100% 0,#de9b5c22,transparent 75%),linear-gradient(110deg,#ffffff12,#ffffff04);border-color:#e0be8e45;box-shadow:inset 2px 0 #e9caa0,0 6px 20px #0002}
.collection-now h3{font:500 clamp(25px,2.7vw,34px)/1.12 var(--font-interface);letter-spacing:-.045em}
.next-episode{padding-block:12px;min-height:44px}
.museum-project-link,.exhibition-intro>a,.watch-opening,.window-action,.launch-action{background-image:linear-gradient(150deg,#ffffff48,transparent 65%,#bc916321);box-shadow:inset 0 1px 0 #fff8,0 4px 14px #0002}
#archivo.exhibition-ready{background:radial-gradient(ellipse 65% 600px at 90% 0,#a15e3526,transparent 80%),#101010}
.museum-sheet-surface{background-image:radial-gradient(ellipse at 100% 0,#ffffff0d,transparent 65%),linear-gradient(160deg,transparent 55%,#00000020);box-shadow:0 -15px 40px #0003,inset 0 1px 0 #ffffff18}
.museum-sheet-light .museum-sheet-surface{background-image:radial-gradient(ellipse at 0 0,#fff9,transparent 70%),linear-gradient(150deg,transparent 45%,#b39b6822)}
.exhibition-filters button{font:500 14px/1.3 var(--font-interface)}
.about{background-image:radial-gradient(ellipse at 88% 90%,#a9583124,transparent 60%)}
.universe{background-image:radial-gradient(ellipse at 10% 100%,#a9905120,transparent 65%)}
.info-dialog[data-panel=prototipos]{background-image:radial-gradient(ellipse at 100% 0,#8b705027,transparent 65%)}
.prototype-card{background-image:linear-gradient(150deg,#ffffff06,transparent 70%)}
body:is(.launch-merch,.launch-courses){background:radial-gradient(ellipse at 95% 25%,#945b3024,transparent 55%),radial-gradient(ellipse at 0 100%,#6d715019,transparent 50%),#171815}
.locked-panel{background:radial-gradient(ellipse at 20% 0,#ffdaa3,transparent 65%),radial-gradient(ellipse at 100% 100%,#c84528,transparent 70%),#ff8054;box-shadow:inset 0 1px 0 #fff7,0 24px 70px #0003;border:1px solid #ffffff30;border-radius:16px}
.launch-courses .locked-panel{background:radial-gradient(ellipse at 15% 5%,#fffef7,transparent 65%),radial-gradient(ellipse at 90% 100%,#c2b7a5,transparent 75%),#e5dfcf}
.launch-tagline{font:500 clamp(24px,3vw,38px)/1.12 var(--font-interface);letter-spacing:-.045em}
.launch-header nav a{font-size:14px}.back-link{font-size:13px}.launch-action{font-size:14px}
.course-preview h2{font:500 19px/1.2 var(--font-interface)}

/* Native dialog: keyboard focus, Escape and the top layer are browser-managed. */
.feedback-launcher{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:46;display:flex;align-items:center;gap:11px;min-height:44px;padding:9px 17px;border:1px solid #c3b39c60;border-radius:30px;color:#f3ebdf;background:linear-gradient(135deg,#4b443a,#211f1b 70%);box-shadow:inset 0 1px 0 #ffffff24,0 6px 24px #0004;font:500 13px/1.2 var(--font-interface);cursor:pointer;transition:border-color .2s,translate .2s}
.feedback-launcher>small{font:500 9px/1 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.09em;color:#e8be87;border-left:1px solid #ffffff30;padding-left:10px}
.feedback-launcher[hidden]{display:none}
html.feedback-open{overflow:hidden}
dialog.feedback-dialog{position:fixed;inset:0;width:min(540px,calc(100vw - 32px));max-width:540px;max-height:calc(100svh - 32px);margin:auto;padding:30px;border:1px solid #ddc39c40;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#8b603b38,transparent 65%),#201f1b;color:#f3ebdf;box-shadow:0 30px 100px #0008;overflow:auto;overscroll-behavior:contain;font:400 14px/1.5 'DM Sans',sans-serif;text-align:left}
.feedback-dialog::backdrop{background:#0b0b0bd9;backdrop-filter:blur(5px)}
.feedback-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.feedback-top>span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#e8be87}
.feedback-dialog button{cursor:pointer;font:inherit;touch-action:manipulation}
.feedback-dialog .feedback-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff30;border-radius:50%;background:#ffffff05;color:#f3ebdf;font-size:26px;line-height:1}
.feedback-dialog h2{font:500 clamp(27px,4vw,34px)/1.1 var(--font-interface);letter-spacing:-.03em;margin:0 0 14px;text-transform:none}
.feedback-intro{color:#c0b9ad;margin:0 0 24px;max-width:390px}
.feedback-dialog label{display:block;font-size:12px;margin:17px 0 7px;color:#e1d8c9}
.feedback-dialog :is(select,textarea){display:block;width:100%;border:1px solid #ffffff30;border-radius:10px;padding:12px;background:#161714;color:#f3ebdf;font:400 16px/1.45 'DM Sans',sans-serif;color-scheme:dark}
.feedback-dialog textarea{resize:vertical;min-height:128px}
.feedback-dialog textarea::placeholder{color:#a29c91}
.feedback-context{font-size:11px;line-height:1.6;color:#b2a99a;margin:12px 0 20px}
.feedback-actions{display:flex;flex-wrap:wrap;gap:10px}
.feedback-dialog .feedback-action{min-height:46px;padding:12px 18px;border:1px solid #ffffff35;border-radius:28px;background:linear-gradient(140deg,#36352e,#272620);color:#f3ebdf;font:500 14px/1.3 var(--font-interface)}
.feedback-dialog .feedback-action-primary{background:linear-gradient(140deg,#ffe0b0,#efb980);border-color:#ffe0b0;color:#211c16}
.feedback-status{font-size:12px;color:#e8cba2;margin:16px 0 0;min-height:18px}
.feedback-dialog [hidden]{display:none!important}
.feedback-dialog :is(button,select,textarea):focus-visible,.feedback-launcher:focus-visible{outline:2px solid #e8be87;outline-offset:4px}
@media(hover:hover){.episode:hover{background-color:#ffffff07;border-color:#ffffff30}.feedback-launcher:hover{translate:0 -2px;border-color:#e8be87}.feedback-dialog .feedback-action:hover{filter:brightness(1.12)}}
@media(max-width:900px){.header .jelly-button{font-size:13px}.feedback-launcher{right:14px;bottom:calc(84px + env(safe-area-inset-bottom,0px))}body:is(.launch-merch,.launch-courses) .feedback-launcher{bottom:calc(16px + env(safe-area-inset-bottom,0px))}.launch-footer{padding-bottom:76px}}
@media(max-width:640px){.header .jelly-button{font-size:13px;min-height:44px}.header-sections .jelly-button{padding-inline:10px}.episode-name strong{font-size:19px}.episode{padding:14px 10px}.exhibition-filters button{font-size:13px}.feedback-launcher{min-height:44px;padding:8px 14px;font-size:12px;gap:8px}.feedback-launcher>small{font-size:8px;padding-left:8px}dialog.feedback-dialog{padding:22px}.feedback-top{margin-bottom:18px}.feedback-intro{font-size:13px}.launch-header nav a{font-size:14px}}
@media(max-width:370px){.header-actions .jelly-button{padding-inline:9px;font-size:12px}.header-actions .jelly-arrow{margin-left:4px}.feedback-actions{flex-direction:column}.feedback-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.episode,.feedback-launcher{transition:none}.feedback-launcher:hover{translate:none}}