/* AYDEN Thalassa 3.0 — sea salt, cream, silver glass and quiet daylight.
   The continuous 3D journey owns its layout in journey.css. This layer gives
   the ordinary material library the same visual language without repeating
   the pavilion photograph outside the entrance. */
body.ayden-space{
  --space-white:#faf9f5;--space-mist:#e7eff2;--space-blue:#9dbbcb;
  --space-aqua:#b8d1dc;--space-ink:#3f5967;--space-muted:#677e89;
  --space-line:#cddbdd;--seaside-cream:#f5f2ea;--seaside-silver:#bac9ce;
  --seaside-glass:#ffffffa6;--seaside-shadow:0 14px 32px #586f7b12;
  --seaside-ease:cubic-bezier(.2,.72,.25,1);
  background:linear-gradient(145deg,#faf9f5,#f1f5f5 65%,#faf9f5);
  color:var(--space-ink);font-size:15px;line-height:1.8;
}
body.ayden-space p{color:var(--space-muted)}
body.ayden-space h2{font-size:clamp(30px,3.1vw,46px);line-height:1.4;letter-spacing:.015em;text-wrap:balance}
body.ayden-space h3{font-weight:400;line-height:1.5}
body.ayden-space .section-wrap{max-width:1280px;padding:108px 72px}
body.ayden-space .room-heading{max-width:850px;margin-bottom:40px}
body.ayden-space .room-heading h2{margin:13px 0 17px}
body.ayden-space .room-heading>p:last-child{font-size:15px;line-height:1.85;max-width:660px}
body.ayden-space .eyebrow{font-size:11px;letter-spacing:.2em;color:#728f9c}
body.ayden-space .tiny{font-size:12px;line-height:1.85}
body.ayden-space :focus-visible{outline:2px solid #5c8599;outline-offset:4px}

/* One small, bright control vocabulary, including the modal states. */
body.ayden-space .button{
  min-height:48px;padding:12px 23px;border-color:#bdcfd4;border-radius:3px;
  background:linear-gradient(135deg,#fffdf9ed,#edf4f6d9);color:#446474;
  font-size:14px;letter-spacing:.025em;gap:16px;box-shadow:0 2px 0 #ffffffb3 inset,0 4px 12px #6a82900b;
  transition:transform .22s var(--seaside-ease),background .22s,box-shadow .22s,border-color .22s;
}
body.ayden-space .button.primary{background:#5b7e92;border-color:#5b7e92;color:#fffdf8;box-shadow:0 7px 20px #5c7d901c}
body.ayden-space .button:hover{transform:translateY(-2px);border-color:#8faeba;box-shadow:0 2px 0 #fff9 inset,0 9px 20px #667c8a18}
body.ayden-space .button.primary:hover{background:#496e83;border-color:#496e83}
body.ayden-space .button:active{transform:translateY(1px);box-shadow:0 1px 5px #637b8a1c}
body.ayden-space .button:disabled{opacity:.42;transform:none;box-shadow:none;cursor:default}
body.ayden-space .text-link{font-size:13px;min-height:44px;padding:9px 0;border-color:#b7cbd3;line-height:1.8;gap:11px}
body.ayden-space .filter-chips{gap:8px}
body.ayden-space .filter-chips button{
  min-height:44px;padding:9px 15px;font-size:13px;line-height:1.5;border:1px solid #c8d7db;
  border-radius:24px;background:#fffdf9b8;color:#617e8c;
  transition:background .2s,color .2s,border-color .2s,box-shadow .2s;
}
body.ayden-space .filter-chips button:hover{background:#f8fcfd;border-color:#92b0bf}
body.ayden-space .filter-chips button[aria-pressed="true"],body.ayden-space .filter-chips button.active{
  background:#5f8194;border-color:#5f8194;color:#fffdf9;box-shadow:0 3px 9px #5d7a891c;
}
body.ayden-space select{color:var(--space-ink);border-radius:3px}
body.ayden-space .empty-state{padding:42px 24px;border:1px dashed #bdced4;background:#f8fbfa;font-size:14px;line-height:1.8}

/* The header is quiet enough to let the photograph lead. Keep its measured
   height: the journey uses that value for its sticky camera viewport. */
body.ayden-space .site-header{background:#fbfcf8ed;border-bottom-color:#d0dcded9;backdrop-filter:blur(10px);gap:22px}
body.ayden-space .brand{color:#4c6a7a}
body.ayden-space .brand-monogram{color:#83a7b8}
body.ayden-space .brand small{color:#77909c}
body.ayden-space .top-nav{font-size:12px;gap:25px}
body.ayden-space .top-nav a{min-height:44px;display:flex;align-items:center}
body.ayden-space .top-nav a::after{width:16px;height:1px;left:calc(50% - 8px);bottom:5px;border-radius:0;background:#85a8ba}
body.ayden-space .header-search{min-width:44px;min-height:44px;color:#6b91a4}
body.ayden-space .locale-switch button{min-height:44px;min-width:44px;font-size:11px;padding:9px 7px;color:#6d8795}
body.ayden-space .locale-switch button[aria-pressed="true"]{color:#365b6f}
body.ayden-space .quick-tools{background:#fcfdf9ed;border-color:#c8d9dd;backdrop-filter:blur(9px);box-shadow:0 8px 25px #60798417}
body.ayden-space .quick-tools>button{width:47px;min-height:52px;color:#648799}
body.ayden-space .quick-tools>button>:is(small,span:last-child){font-size:10px;line-height:1.3;color:#567383}
body.ayden-space .quick-tools>button:hover{background:#e6eff1}
body.ayden-space .journey-dock{background:#fffdf7f2;border-color:#c9d8dc;backdrop-filter:blur(9px);font-size:12px}
body.ayden-space .journey-dock button{min-height:44px;font-size:12px}

/* Static / CSS entrance. No second background image is used after this room. */
body.ayden-space:not(.journey-active) .space-hero{background:#edf2f0;perspective-origin:64% 48%}
body.ayden-space:not(.journey-active) .scene-back{
  inset:-3%;--layer-z:-180px;--layer-scale:1.21;
  background-image:url("assets/images/ayden_thalassa_hero_seaside_pavilion.webp");
  background-position:50% 53%;background-size:cover;opacity:1;
}
body.ayden-space:not(.journey-active) .scene-mist{
  background:linear-gradient(90deg,#f9faf4a6 0%,#f9faf451 33%,transparent 60%),linear-gradient(0deg,#f4f7f53b,transparent 22%);
  inset:0;--layer-z:-25px;--layer-scale:1.03;
}
body.ayden-space:not(.journey-active) .scene-arch{display:none}
body.ayden-space:not(.journey-active) .scene-orbit::before{right:9%;bottom:9%;width:62%;height:10%;opacity:.19;animation:none;background:repeating-linear-gradient(3deg,transparent 0 14px,#c9dde559 15px,#fff8 16px,transparent 18px 27px)}
body.ayden-space:not(.journey-active) .scene-foreground{bottom:-9%;left:-7%;right:-7%;height:20%;border-bottom:0;background:linear-gradient(0deg,#ecf2f270,transparent 66%);box-shadow:none}
body.ayden-space:not(.journey-active) .scene-foreground::before{content:"";position:absolute;left:2%;right:2%;bottom:15%;height:110%;border-top:1px solid #ffffffb8;border-radius:50% 50% 0 0/100% 100% 0 0;transform:rotate(-4deg);box-shadow:0 -12px 26px #fff5}
body.ayden-space:not(.journey-active) .scene-glints{opacity:.35}
body.ayden-space:not(.journey-active) .scene-glints>i{animation:none;box-shadow:0 0 6px #fff}
body.ayden-space:not(.journey-active) .hero-copy{top:19%;width:43%;text-shadow:0 1px 18px #fff8}
body.ayden-space:not(.journey-active) .hero-copy h1{color:#466878;font-size:clamp(90px,9vw,136px);letter-spacing:-.045em}
body.ayden-space:not(.journey-active) .hero-signature{font-size:29px;color:#7f9eaf}
body.ayden-space:not(.journey-active) .hero-native{color:#486b7b}
body.ayden-space:not(.journey-active) .hero-lines{font-size:15px;color:#4e6c79;line-height:1.9}
body.ayden-space:not(.journey-active) .hero-kicker{font-size:11px;color:#5b7a89}
body.ayden-space:not(.journey-active) .hero-person{right:13%;top:10%;width:30%;max-width:410px}
body.ayden-space:not(.journey-active) .hero-photo-frame{padding:8px;border:1px solid #fefefa;background:linear-gradient(135deg,#fffefaec,#e9f1f3af);box-shadow:0 2px 0 #fff8 inset,12px 24px 46px #4b6a7a26;border-radius:2px}
body.ayden-space:not(.journey-active) .hero-photo-frame::before{inset:-6px;border-color:#f9fdfd82}
body.ayden-space:not(.journey-active) .hero-person figcaption{font-size:10px;color:#547382}
body.ayden-space:not(.journey-active) .hero-copy .skip-scene{font-size:12px;color:#526f7c;min-height:44px;padding:9px 0}

/* A readable information desk and the single, complete-frame photo collage. */
body.ayden-space:not(.journey-active) #profile{background:radial-gradient(ellipse at 4% 5%,#deeaf0 0%,transparent 54%),linear-gradient(150deg,#fcfbf6,#f1f6f6)}
body.ayden-space:not(.journey-active) #profile::after{display:none}
body.ayden-space:not(.journey-active) .profile-portrait{padding:10px 10px 0;border-color:#d4e0e3;background:#fffdfa;box-shadow:12px 20px 38px #6e879318}
body.ayden-space:not(.journey-active) .profile-card{padding:26px 0;background:transparent;box-shadow:none;border:0}
body.ayden-space:not(.journey-active) .profile-script{font-size:clamp(34px,4vw,52px);color:#8caaba}
body.ayden-space:not(.journey-active) #profile-facts{font-size:14px;line-height:1.8;gap:0 25px}
body.ayden-space:not(.journey-active) #profile-facts dt{font-size:12px;color:#778e99}
body.ayden-space:not(.journey-active) #profile-facts dd{color:#3f5d6c;word-break:normal;overflow-wrap:anywhere}
body.ayden-space:not(.journey-active) .profile-portrait figcaption{font-size:11px;color:#6f8998}
body.ayden-space .social-links a{font-size:13px;min-height:44px;padding:9px 0;display:inline-flex;align-items:center;line-height:1.7}
body.ayden-space:not(.journey-active) .collage-section{border-top:0;border-bottom:1px solid #d3e0e3;background:radial-gradient(ellipse at 65% 45%,#e2edf0,#f9faf5 66%)}
body.ayden-space:not(.journey-active) .depth-collage::before{background:radial-gradient(ellipse,#c5d8df3b,transparent 62%);border-bottom:1px solid #d6e2e5;transform:translateZ(-100px) rotateX(25deg)}
body.ayden-space:not(.journey-active) .collage-photo{padding:8px 8px 0;background:#fffdfa;border-color:#d6e2e4;box-shadow:7px 16px 28px #657c8b16}
body.ayden-space:not(.journey-active) .collage-photo:hover{background:#fffdf8;box-shadow:9px 20px 32px #617d9026}
body.ayden-space:not(.journey-active) .collage-caption{font-size:11px;min-height:49px;line-height:1.7;color:#5d7b8a}
body.ayden-space:not(.journey-active) .collage-photo>button[data-save]{min-width:44px;min-height:44px;width:44px;bottom:1px;right:1px;background:#fffdf8d9}
body.ayden-space:not(.journey-active) .collage-hint{font-size:17px;color:#7293a5}

/* The formal library: covers remain true, complete original previews. */
body.ayden-space .media-grid{gap:35px 27px}
body.ayden-space .media-card{
  background:transparent;border:0;box-shadow:none;transform-style:preserve-3d;
  transition:transform .4s var(--seaside-ease),box-shadow .3s,opacity .5s;
}
body.ayden-space .media-card:hover{--hover-z:5px;box-shadow:none}
body.ayden-space .media-cover{
  aspect-ratio:16/10;background:#e8eef0;border:6px solid #fffefb;outline:1px solid #d4e0e2;
  box-shadow:0 2px 0 #c8d6db4d,7px 12px 20px #607a8d12;
  transition:box-shadow .3s var(--seaside-ease),border-color .3s;
}
body.ayden-space .media-card:hover .media-cover{border-color:#fff;box-shadow:0 2px 0 #c8d6db5c,8px 16px 24px #607a8d20}
body.ayden-space .media-cover img{background:#e7eef1;object-fit:contain}
body.ayden-space .media-cover::after{display:none}
body.ayden-space .cover-play{width:44px;height:44px;background:#f9fcfe29;border-color:#ffffffe0;backdrop-filter:blur(2px);text-shadow:0 1px 6px #304e60;box-shadow:0 1px 12px #344f6429;transition:background .2s,transform .2s}
body.ayden-space .media-card:hover .cover-play{background:#5b7c9199;transform:scale(1.04)}
body.ayden-space .media-body{padding:18px 2px 0}
body.ayden-space .media-type{font-size:11px;color:#75909e;line-height:1.7;letter-spacing:.045em}
body.ayden-space .media-body h3{font-size:21px;line-height:1.5;margin:8px 0 12px;overflow-wrap:anywhere}
body.ayden-space .media-body h3 button{min-height:44px;font:inherit}
body.ayden-space .media-reason{font-size:14px;line-height:1.8;color:#637f8e;margin-bottom:15px;-webkit-line-clamp:3}
body.ayden-space .media-bottom{font-size:12px;color:#617f8f;gap:12px;border-top:1px solid #cfdde1;padding-top:7px}
body.ayden-space .media-bottom a{display:inline-flex;align-items:center;min-height:44px;padding:9px 0}
body.ayden-space .media-bottom button{min-width:44px;min-height:44px;font-size:24px;border-radius:50%}
body.ayden-space [data-save][aria-pressed="true"]{color:#3d718c;background:#e0edf2b5}
body.ayden-space .placeholder-cover{background:linear-gradient(145deg,#dfecef,#fbfbf6 57%,#e2edf0);color:#84a3b4}
body.ayden-space .placeholder-cover::before{border-radius:50%;width:82%;height:70%;left:9%;top:52%;bottom:auto;box-shadow:0 0 0 10px #fff3;transform:perspective(600px) rotateX(62deg)}
body.ayden-space .placeholder-note{font-size:12px;color:#567788}

/* A seaside exhibition shelf: staggered frames, open type, a thin silver ledge. */
body.ayden-space .featured-section{background:linear-gradient(155deg,#f8faf6 5%,#e6f0f3 67%,#eff4f3);border-bottom-color:#cedde1;overflow:clip}
body.ayden-space .featured-section::before{inset:0;background:radial-gradient(ellipse at 88% 5%,#fffaf0b8,transparent 58%);opacity:1}
body.ayden-space .pick-grid{gap:30px;padding:14px 0 30px;perspective:1600px}
body.ayden-space .pick-grid::after{content:"";position:absolute;left:-2%;right:-2%;bottom:2px;height:4px;background:linear-gradient(90deg,transparent,#b9cdd8a3 10%,#fefcf9 50%,#b9cdd8a3 90%,transparent);box-shadow:0 7px 15px #6f8b9717;pointer-events:none}
body.ayden-space .pick-grid>.media-card:nth-child(3n+2){margin-top:25px;--card-z:0px}
body.ayden-space .pick-grid>.media-card:nth-child(3n){margin-top:50px;--card-z:0px}
body.ayden-space .pick-grid .media-cover{border-width:8px;box-shadow:0 2px 0 #c6d5da5c,9px 18px 30px #4e718422}
body.ayden-space .pick-grid .media-body{padding:20px 3px 0}
body.ayden-space .section-footer{font-size:13px;margin-top:28px;color:#6f8997}

/* LTB stays light: warm spot illumination and very thin physical frames. */
body.ayden-space .room-stage{background:radial-gradient(ellipse at 18% 0%,#fff9e9a6,transparent 48%),linear-gradient(130deg,#fafbf7,#eef3f4);border-color:#d4e0e2}
body.ayden-space :is(.room-stage,.room-practice,.room-challenge)::before{display:none}
body.ayden-space .room-stage .room-heading{padding-left:24px;border-left:1px solid #bccfd7}
body.ayden-space .room-stage .media-cover{border:7px solid #fffefa;outline-color:#c5d7df;box-shadow:0 2px 0 #b8ccd44d,0 13px 25px #657e8e14}
body.ayden-space .room-stage .media-body{padding-inline:4px}
body.ayden-space .section-tools{margin:28px 0 35px;gap:18px}
body.ayden-space .section-more{margin-top:42px}

/* Practice: crisp, cooler mirror edges and flat, useful song filters. */
body.ayden-space .room-practice{background:linear-gradient(180deg,#edf5f6 0%,#f8faf7 42%,#e4eff2 100%);border-color:#cfdee2}
body.ayden-space .room-practice::after{content:"";position:absolute;bottom:0;left:0;right:0;height:48px;background:linear-gradient(180deg,transparent,#cfdee436 78%,#ffffff87);border-bottom:1px solid #b8cfd8;pointer-events:none}
body.ayden-space .room-practice .media-cover{aspect-ratio:16/9;border-width:4px;outline-color:#bacfd9;background:#dce9ee;box-shadow:3px 8px 0 #fafdfe80,6px 12px 24px #6f899815}
body.ayden-space .room-practice .filter-chips button{border-radius:3px;background:#f9fcfbc9}
body.ayden-space .room-practice .media-body h3 button{word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
body.ayden-space .room-practice .filter-chips button[aria-pressed="true"]{background:#5c8195}

/* Challenge: one naturally scrolling film band with restrained perspective. */
body.ayden-space .room-challenge{background:radial-gradient(ellipse at 100% 0%,#e1eff1,transparent 54%),linear-gradient(160deg,#fbfaf5,#f0f6f4);border-color:#d4e1e3}
body.ayden-space .challenge-wall{grid-auto-columns:clamp(245px,25vw,305px);gap:27px;padding:23px 6px 34px;border-block:1px solid #d4e1e3;scroll-snap-type:x proximity;scrollbar-color:#8eafbe #e9f1f1}
body.ayden-space .challenge-wall>.media-card{padding:0;align-self:start}
body.ayden-space .challenge-wall>.media-card:nth-child(2n){margin-top:18px}
body.ayden-space .challenge-wall .media-cover{aspect-ratio:3/4;border-width:6px}
body.ayden-space .challenge-wall .media-body h3{font-size:21px}
body.ayden-space .challenge-controls{font-size:13px;gap:15px;margin-bottom:15px;color:#688594}
body.ayden-space .challenge-controls .button{min-height:44px;min-width:44px;padding:6px 12px;border-radius:50%}

/* A glass time rail, not an animated floor. All facts remain in document flow. */
body.ayden-space .schedule-section{background:radial-gradient(ellipse at 0% 20%,#e3eef0,transparent 48%),linear-gradient(130deg,#f6f8f3,#edf3f3);border-color:#d4e1e1}
body.ayden-space .schedule-shell{gap:42px;row-gap:19px;perspective:none}
body.ayden-space .schedule-controls label{font-size:13px;color:#65818f}
body.ayden-space .schedule-controls select{min-height:46px;border-color:#bfd2d9;background:#fdfefa;font-size:14px;color:#4b6c7c}
body.ayden-space .schedule-controls .filter-chips{gap:7px}
body.ayden-space .schedule-controls .filter-chips button{font-size:12px;padding-inline:12px}
body.ayden-space .schedule-zone{font-size:12px;color:#607f8e;line-height:1.8}
body.ayden-space .schedule-corridor::before{left:29px;right:auto;top:12px;bottom:35px;width:1px;background:linear-gradient(#b4ccd7,#b4ccd7 82%,transparent);opacity:1;transform:none}
body.ayden-space .schedule-row{grid-template-columns:79px minmax(0,1fr) auto;gap:20px;padding:24px 19px;margin-bottom:13px;border:1px solid #d4e0e3;border-left:2px solid #b7cdd7;background:#fcfdf8ed;box-shadow:0 5px 17px #65818c08;border-radius:3px;transform:none}
body.ayden-space .schedule-row:nth-child(n){margin-left:0;margin-right:0}
body.ayden-space .schedule-date strong{font-size:36px;color:#5d859b}
body.ayden-space .schedule-date>span{font-size:11px;color:#72909f;letter-spacing:0;line-height:1.6}
body.ayden-space .schedule-event h3{font-size:22px;line-height:1.55;margin-bottom:7px;overflow-wrap:anywhere}
body.ayden-space .schedule-event p{font-size:13px;line-height:1.85;color:#647f8c}
body.ayden-space .schedule-links{font-size:12px;gap:10px 15px}
body.ayden-space .schedule-links .text-link{font-size:12px;min-height:44px;padding:9px 0}
body.ayden-space .schedule-pending{font-size:12px;line-height:1.8}
body.ayden-space .schedule-status{font-size:11px;padding:5px 9px;border-color:#ccdde2;background:#edf5f4;color:#628393;white-space:normal;line-height:1.65}
body.ayden-space .schedule-status>small{font-size:10px;line-height:1.7;color:#718c99}
body.ayden-space .schedule-row.is-today{border-left-color:#6d98ad;background:#fffefa;box-shadow:0 6px 22px #658e9d14}
body.ayden-space .schedule-review,body.ayden-space .schedule-note{font-size:12px;line-height:1.9;color:#728a95}
body.ayden-space .schedule-flat .schedule-row{background:transparent;border:0;border-top:1px solid #c8d9df;border-radius:0;box-shadow:none;padding:22px 0;margin-bottom:0}

/* A small childhood corner. No timeline or additional portrait wall. */
body.ayden-space #childhood{background:#fafbf6}
body.ayden-space #childhood>.section-wrap{max-width:1120px;padding-top:88px;padding-bottom:88px}
body.ayden-space .childhood-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7%;padding:0;background:transparent;border:0;box-shadow:none}
body.ayden-space .childhood-preview{padding:8px 8px 0;background:#fffdf8;border-color:#d5e0e1;box-shadow:7px 12px 24px #667f8d0f}
body.ayden-space .childhood-preview img{max-height:300px;background:#e8eff2}
body.ayden-space .childhood-preview figcaption{font-size:11px;line-height:1.8;padding:11px 4px 13px;color:#6f8997}
body.ayden-space .childhood-card p{font-size:15px;line-height:1.9;margin:0 0 19px}
body.ayden-space .childhood-copy a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;border-bottom:1px solid #bdd0d7;color:#52778b;line-height:1.75}
body.ayden-space .childhood-copy .tiny{font-size:12px}

/* Sources have the clarity of a reading desk, with one small glass search tray. */
body.ayden-space .source-section{background:linear-gradient(135deg,#e9f2f2,#f6f8f2);border-color:#d6e1e2}
body.ayden-space .source-hub{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;perspective:none}
body.ayden-space .source-hub>div{padding:0;background:transparent;border:0;box-shadow:none;min-width:0}
body.ayden-space .source-hub>div>h3{font-size:27px;margin-bottom:20px}
body.ayden-space .source-hub>.source-find{padding:28px 30px;background:linear-gradient(130deg,#fffef8c9,#f2f7f6a6);border:1px solid #fffdf9;box-shadow:0 1px 0 #bdcfd64d,0 16px 24px #78919e0c;border-radius:2px}
body.ayden-space .official-account{padding:15px 0;border-bottom:1px solid #cbdbe0}
body.ayden-space .official-account>a{display:inline-flex;align-items:center;min-height:44px;padding:7px 0;font-size:16px;line-height:1.6;color:#496f83}
body.ayden-space .official-account p{font-size:12px;line-height:1.8;color:#77909c;overflow-wrap:anywhere}
body.ayden-space .source-find .source-monogram{font-size:56px;color:#9bb7c5;margin-bottom:12px}
body.ayden-space .source-find h3{font-size:26px;line-height:1.55}
body.ayden-space .source-find p{font-size:14px;line-height:1.9}
body.ayden-space .source-find .button{margin-top:23px}
body.ayden-space .source-notice{font-size:12px;color:#78909c;line-height:1.9;border-top-color:#ccdde2}

/* The final horizon closes the visual story. It is drawn, not another image. */
body.ayden-space .share-section{padding:94px 28px 85px;background:radial-gradient(ellipse at 78% 10%,#fff9eabf,transparent 54%),linear-gradient(180deg,#f5f7f1,#e1edf0 76%,#eef3f0);border-bottom:1px solid #cfdee1}
body.ayden-space .share-section::before{top:auto;bottom:40px;left:0;width:100%;height:1px;transform:none;border:0;border-radius:0;box-shadow:0 -1px 0 #fff9,0 13px 24px 4px #b9d1dc1a;background:linear-gradient(90deg,transparent,#b7d0dc 15%,#fcfcf2 65%,#b7d0dc 90%,transparent)}
body.ayden-space .share-section .section-wrap{padding-top:0;padding-bottom:0}
body.ayden-space .share-section h2{font-size:clamp(30px,3.2vw,43px);line-height:1.5;max-width:790px;margin:20px auto 16px}
body.ayden-space .share-section p:not(.eyebrow){font-size:15px;line-height:1.9}
body.ayden-space .share-actions{gap:26px;margin-top:30px}
body.ayden-space .site-footer{max-width:1280px;padding:42px 72px 62px;gap:36px;font-size:12px;background:transparent}
body.ayden-space .site-footer p{font-size:12px;line-height:1.85;color:#78909b}
body.ayden-space .footer-brand{font-size:30px;color:#7f9eaf}
body.ayden-space .quality-control{font-size:12px;max-width:260px}
body.ayden-space .quality-control label{font-size:12px}
body.ayden-space .quality-control select{font-size:12px;min-height:44px;max-width:175px;padding:9px 10px;background:#fafcf7;border-color:#c7d7dc}
body.ayden-space #quality-status{font-size:11px;line-height:1.8;color:#78929f}

/* Modals inherit the same cream and silver surfaces, with strong readable type. */
body.ayden-space dialog{color:#3e5d6d;background:#fbfcf7;border-color:#c6d8df;border-radius:5px;box-shadow:0 24px 80px #35566b38}
body.ayden-space dialog::backdrop{background:#35556975;backdrop-filter:blur(4px)}
body.ayden-space .dialog-close{width:44px;height:44px;min-height:44px;border-color:#d5e2e6;background:#fffffbf2;color:#607f90}
body.ayden-space .detail-copy p{font-size:15px;line-height:1.85}
body.ayden-space .detail-copy h2{line-height:1.5;overflow-wrap:anywhere}
body.ayden-space .detail-copy .tiny{font-size:12px;line-height:1.85}
body.ayden-space .detail-copy .detail-actions .button{min-height:44px;font-size:13px}
body.ayden-space .photo-detail{background:#f9fbf7}
body.ayden-space .detail-layout>.photo-detail{background:linear-gradient(135deg,#e3eef1,#f1f5f0)}
body.ayden-space .photo-nav button,body.ayden-space .photo-controls button{min-width:44px;min-height:44px;border-color:#bed2db;background:#f9fcf7}
body.ayden-space .photo-position{font-size:12px;color:#6c899b}
body.ayden-space .video-player{background:#dfe9ee;border-color:#bfd4df}
body.ayden-space .video-player>.player-load{min-height:48px;font-size:14px;line-height:1.75;background:#5c8297ed;color:#fffdf8}
body.ayden-space .video-controls{font-size:13px;line-height:1.8;gap:12px}
body.ayden-space .video-controls button{min-height:44px;font-size:13px;background:#edf5f3;border-color:#c6d9df}
body.ayden-space .player-help{font-size:13px;line-height:1.85}
body.ayden-space .nav-grid a{min-height:54px;padding:14px 0;font-size:15px;border-color:#cfdee3;line-height:1.7}
body.ayden-space .nav-grid a span:first-child{font-size:20px;color:#89a6b7}
body.ayden-space .menu-actions{font-size:13px;line-height:1.8;gap:20px}
body.ayden-space .search-box{border-color:#bfd3dd;background:#fffffa;min-height:54px;border-radius:3px}
body.ayden-space .search-box input{font-size:16px;color:#446675;min-height:32px}
body.ayden-space #clear-search{min-width:44px;min-height:44px}
body.ayden-space .finder-dialog>p{font-size:14px;line-height:1.8}
body.ayden-space .finder-status{font-size:13px;line-height:1.8}
body.ayden-space .finder-dialog .media-grid{gap:27px 22px}
body.ayden-space .finder-dialog .media-body{padding:16px 2px 0}
body.ayden-space .finder-dialog .media-body h3{font-size:20px}
body.ayden-space .saved-row{gap:15px;padding:18px 0;border-color:#cfdde2}
body.ayden-space .saved-row>button:first-child{font-size:15px;line-height:1.75}
body.ayden-space .saved-row small{font-size:12px;line-height:1.75;color:#6e8a99}
body.ayden-space .saved-row>button[data-save]{min-width:44px;min-height:44px;font-size:24px}
body.ayden-space .saved-list img,body.ayden-space .saved-thumb{background:#e4edf1}
body.ayden-space .share-dialog label{font-size:13px;line-height:1.8}
body.ayden-space .share-dialog select{min-height:46px;font-size:14px;border-color:#bdd3dd;background:#fffefa}
body.ayden-space .share-dialog-actions .button{min-height:44px;font-size:13px}
body.ayden-space .card-credit{font-size:12px;line-height:1.8}
body.ayden-space #toast{font-size:14px;line-height:1.8;border-radius:4px;background:#557c91;box-shadow:0 7px 22px #42667e24}

@media(min-width:801px) and (max-width:1120px){
  body.ayden-space .section-wrap{padding:88px 58px}
  body.ayden-space .media-grid{gap:31px 22px}
  body.ayden-space .pick-grid{gap:24px}
  body.ayden-space .media-body h3{font-size:20px}
  body.ayden-space .top-nav{gap:17px;font-size:11px}
  body.ayden-space .schedule-shell{grid-template-columns:190px minmax(0,1fr);gap:30px}
  body.ayden-space .schedule-row{grid-template-columns:62px minmax(0,1fr);gap:17px;padding:21px 17px}
  body.ayden-space .schedule-status{grid-column:2;justify-self:start}
  body.ayden-space .source-hub{gap:34px}
}
@media(max-width:800px){
  body.ayden-space .section-wrap{padding:82px 42px}
  body.ayden-space .room-heading>p:last-child{font-size:14px}
  body.ayden-space .media-grid{gap:29px 21px}
  body.ayden-space .pick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 23px}
  body.ayden-space .pick-grid>.media-card:nth-child(n){margin-top:0;--card-z:0px}
  body.ayden-space .pick-grid>.media-card:nth-child(2n){margin-top:25px}
  body.ayden-space .pick-grid .media-cover{aspect-ratio:16/10;border-width:6px}
  body.ayden-space .pick-grid .media-body{padding:16px 1px 0}
  body.ayden-space .pick-grid .media-body h3{font-size:21px}
  body.ayden-space .pick-grid .media-reason{font-size:14px}
  body.ayden-space .pick-grid .media-bottom{font-size:12px;gap:10px}
  body.ayden-space .schedule-shell{grid-template-columns:155px minmax(0,1fr);gap:26px;row-gap:16px}
  body.ayden-space .schedule-row{grid-template-columns:50px minmax(0,1fr);gap:14px;padding:21px 15px}
  body.ayden-space .schedule-status{grid-column:2;justify-self:start}
  body.ayden-space .schedule-event h3{font-size:21px}
  body.ayden-space .schedule-date>span{font-size:11px}
  body.ayden-space .source-hub{gap:30px}
  body.ayden-space .source-hub>.source-find{padding:25px 24px}
  body.ayden-space .site-footer{padding:38px 42px 65px;gap:30px}
  body.ayden-space .quick-tools>button{width:44px}
  body.ayden-space .detail-copy p{font-size:14px}
  body.ayden-space:not(.journey-active) .profile-layout{gap:6%}
  body.ayden-space:not(.journey-active) #profile-facts{font-size:13px;gap:0 18px}
  body.ayden-space:not(.journey-active) #profile-facts dt{font-size:11px}
  body.ayden-space:not(.journey-active) .hero-lines{font-size:14px}
  body.ayden-space:not(.journey-active) .hero-kicker{font-size:10px}
  body.ayden-space:not(.journey-active) .hero-person{right:9%;width:34%;top:19%}
  body.ayden-space:not(.journey-active) .hero-copy h1{font-size:83px}
}
@media(max-width:600px){
  body.ayden-space{font-size:14px}
  body.ayden-space .section-wrap{padding:67px 23px}
  body.ayden-space h2{font-size:30px;line-height:1.45}
  body.ayden-space .room-heading{margin-bottom:29px}
  body.ayden-space .room-heading h2{margin:12px 0 15px}
  body.ayden-space .room-heading>p:last-child{font-size:14px;line-height:1.8}
  body.ayden-space .eyebrow{font-size:10px;letter-spacing:.14em}
  body.ayden-space .button{font-size:13px;min-height:46px;padding:11px 17px;gap:12px}
  body.ayden-space .text-link{font-size:13px}
  body.ayden-space .filter-chips{gap:7px}
  body.ayden-space .filter-chips button{font-size:12px;min-height:44px;padding:8px 13px}
  body.ayden-space .site-header{padding-inline:13px;gap:6px}
  body.ayden-space .brand{gap:6px;font-size:10px;letter-spacing:.1em}
  body.ayden-space .brand small{font-size:8px;letter-spacing:.09em}
  body.ayden-space .brand-monogram{font-size:30px}
  body.ayden-space .brand-monogram>span{font-size:21px}
  body.ayden-space .header-tools{gap:0}
  body.ayden-space .locale-switch button{min-height:44px;min-width:44px;font-size:10px;padding:9px 5px}
  body.ayden-space .header-search{min-width:44px;min-height:44px}
  body.ayden-space .quick-tools{left:14px;right:14px;background:#fcfdf8f0;padding:4px 7px;box-shadow:0 7px 24px #617c8d24;backdrop-filter:blur(9px)}
  body.ayden-space .quick-tools>button{width:20%;min-height:52px;padding:5px 0 6px;gap:3px}
  body.ayden-space .quick-tools>button>:is(small,span:last-child){font-size:10px;line-height:1.4;white-space:nowrap}
  body.ayden-space .journey-dock{font-size:11px;gap:7px;padding:7px 10px;bottom:calc(83px + env(safe-area-inset-bottom))}
  body.ayden-space .journey-dock strong{font-size:11px;line-height:1.55}
  body.ayden-space .journey-dock button{font-size:11px;min-height:44px;padding:7px 10px}
  body.ayden-space .media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 17px}
  body.ayden-space .media-cover{border-width:4px;aspect-ratio:16/10;outline-color:#cedde2}
  body.ayden-space .media-body{padding:13px 0 0}
  body.ayden-space .media-body h3{font-size:17px;line-height:1.6;margin:7px 0 10px}
  body.ayden-space .media-type{font-size:10px;letter-spacing:0;line-height:1.65}
  body.ayden-space .media-bottom{font-size:11px;gap:7px;padding-top:6px}
  body.ayden-space .media-bottom button{min-width:44px;min-height:44px;font-size:23px}
  body.ayden-space .cover-play{width:38px;height:38px;font-size:18px}
  body.ayden-space .pick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 17px;padding-bottom:25px}
  body.ayden-space .pick-grid>.media-card:nth-child(n){margin-top:0;--card-z:0px}
  body.ayden-space .pick-grid>.media-card:first-child{grid-column:1/-1}
  body.ayden-space .pick-grid>.media-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px;align-items:center}
  body.ayden-space .pick-grid .media-cover{border-width:5px;aspect-ratio:16/10}
  body.ayden-space .pick-grid>.media-card:first-child .media-cover{aspect-ratio:16/9}
  body.ayden-space .pick-grid .media-body{padding:14px 0 0}
  body.ayden-space .pick-grid .media-body h3{font-size:18px;line-height:1.6}
  body.ayden-space .pick-grid>.media-card:first-child .media-body h3{font-size:24px}
  body.ayden-space .pick-grid .media-reason{font-size:13px;line-height:1.8;-webkit-line-clamp:3}
  body.ayden-space .pick-grid .media-bottom{font-size:11px}
  body.ayden-space .pick-grid>.media-card:last-child .media-reason{display:none}
  body.ayden-space .pick-grid>.media-card:last-child .media-body{padding-top:0}
  body.ayden-space .section-footer{font-size:12px;gap:12px;line-height:1.85}
  body.ayden-space .room-stage .room-heading{padding-left:15px}
  body.ayden-space .room-stage .media-cover{border-width:5px}
  body.ayden-space .room-practice .media-cover{border-width:3px;box-shadow:2px 5px 0 #fafdfe80,4px 8px 14px #6f899812}
  body.ayden-space .section-tools{margin:24px 0 29px;gap:13px}
  body.ayden-space .section-more{margin-top:33px}
  body.ayden-space .challenge-wall{grid-template-columns:none;grid-auto-columns:79%;gap:21px;padding:21px 5px 30px}
  body.ayden-space .challenge-wall>.media-card:nth-child(2n){margin-top:15px}
  body.ayden-space .challenge-wall .media-cover{border-width:6px;aspect-ratio:3/4}
  body.ayden-space .challenge-wall .media-body h3{font-size:23px}
  body.ayden-space .challenge-wall .media-type{font-size:11px}
  body.ayden-space .challenge-wall .media-bottom{font-size:12px}
  body.ayden-space .challenge-controls{font-size:12px;gap:11px}
  body.ayden-space .schedule-shell{display:block}
  body.ayden-space .schedule-controls{gap:12px 16px;margin-bottom:24px}
  body.ayden-space .schedule-controls .filter-chips button{font-size:12px;min-height:44px;padding:8px 13px}
  body.ayden-space .schedule-controls .schedule-month-label{font-size:12px}
  body.ayden-space .schedule-controls .schedule-month-label select{font-size:14px;min-height:46px}
  body.ayden-space .schedule-zone{font-size:12px;margin:8px 0 18px}
  body.ayden-space .schedule-corridor::before{display:none}
  body.ayden-space .schedule-row{grid-template-columns:49px minmax(0,1fr);gap:12px;padding:21px 15px;margin-bottom:12px}
  body.ayden-space .schedule-date strong{font-size:31px}
  body.ayden-space .schedule-date>span{font-size:10px;line-height:1.65}
  body.ayden-space .schedule-event h3{font-size:20px;line-height:1.6}
  body.ayden-space .schedule-event p{font-size:13px;line-height:1.8}
  body.ayden-space .schedule-status{font-size:11px;grid-column:2;justify-self:start}
  body.ayden-space .schedule-status>small{font-size:10px}
  body.ayden-space .schedule-review,body.ayden-space .schedule-note{font-size:12px;line-height:1.85;margin-top:18px}
  body.ayden-space .childhood-section>.section-wrap{padding-top:65px;padding-bottom:65px}
  body.ayden-space .childhood-card{display:block}
  body.ayden-space .childhood-preview{max-width:310px;margin:auto}
  body.ayden-space .childhood-preview img{max-height:280px}
  body.ayden-space .childhood-preview figcaption{font-size:11px}
  body.ayden-space .childhood-card>div:last-child{padding:25px 0 0}
  body.ayden-space .childhood-card p{font-size:14px;line-height:1.9}
  body.ayden-space .source-hub{grid-template-columns:1fr;gap:31px}
  body.ayden-space .source-hub>div{padding:0}
  body.ayden-space .source-hub>div>h3{font-size:25px}
  body.ayden-space .source-hub>.source-find{padding:26px 24px;margin:0}
  body.ayden-space .source-find p{font-size:14px}
  body.ayden-space .official-account>a{font-size:16px}
  body.ayden-space .source-notice{font-size:12px;line-height:1.8;margin-top:27px}
  body.ayden-space .share-section{padding:71px 23px 75px}
  body.ayden-space .share-section .section-wrap{padding-inline:0}
  body.ayden-space .share-section h2{font-size:30px;line-height:1.5;max-width:335px}
  body.ayden-space .share-section p:not(.eyebrow){font-size:14px}
  body.ayden-space .share-actions{gap:19px}
  body.ayden-space .site-footer{display:block;padding:36px 23px 123px;font-size:12px}
  body.ayden-space .site-footer p{font-size:12px;line-height:1.8}
  body.ayden-space .site-footer>div{margin-bottom:27px}
  body.ayden-space .quality-control{margin-top:25px;max-width:none}
  body.ayden-space .quality-control label,body.ayden-space .quality-control select{font-size:12px}
  body.ayden-space .quality-control select{min-height:44px;padding:9px 10px}
  body.ayden-space #quality-status{font-size:11px}
  body.ayden-space dialog{max-width:calc(100% - 26px);max-height:90svh;border-radius:4px}
  body.ayden-space .dialog-close{right:9px;top:9px}
  body.ayden-space .detail-copy p{font-size:14px;line-height:1.85}
  body.ayden-space .detail-copy .tiny{font-size:12px}
  body.ayden-space .detail-copy .detail-actions{gap:11px}
  body.ayden-space .detail-actions .button{font-size:13px;min-height:44px}
  body.ayden-space .video-player>.player-load{font-size:13px;min-height:46px;padding:10px 15px}
  body.ayden-space .video-controls,body.ayden-space .video-controls button{font-size:12px}
  body.ayden-space .video-controls button{min-height:44px}
  body.ayden-space .photo-position{font-size:11px}
  body.ayden-space .menu-dialog{padding:53px 23px 28px}
  body.ayden-space .nav-grid{grid-template-columns:1fr;gap:0}
  body.ayden-space .nav-grid a{font-size:15px;min-height:52px}
  body.ayden-space .nav-grid a span:first-child{font-size:20px}
  body.ayden-space .menu-actions{font-size:13px;gap:18px}
  body.ayden-space .finder-dialog{padding:52px 20px 27px}
  body.ayden-space .finder-dialog .media-grid{grid-template-columns:1fr;gap:29px}
  body.ayden-space .finder-dialog .media-body{padding:15px 0 0}
  body.ayden-space .finder-dialog .media-body h3{font-size:22px}
  body.ayden-space .finder-dialog .media-type{font-size:11px}
  body.ayden-space .finder-dialog .media-bottom{font-size:12px}
  body.ayden-space .search-box{padding:5px 10px;gap:8px}
  body.ayden-space .search-box input{font-size:16px}
  body.ayden-space .finder-status{font-size:12px}
  body.ayden-space .saved-dialog,body.ayden-space .recent-dialog{padding:53px 23px 28px}
  body.ayden-space .saved-row>button:first-child{font-size:14px;line-height:1.7;gap:12px}
  body.ayden-space .saved-row small{font-size:11px;line-height:1.7}
  body.ayden-space .share-dialog{padding:52px 23px 28px}
  body.ayden-space .share-dialog-actions .button{min-height:44px;font-size:13px}
  body.ayden-space #toast{font-size:13px;bottom:94px}
  body.ayden-space:not(.journey-active) .space-hero{height:calc(100svh - 66px);min-height:740px;max-height:900px;perspective-origin:50% 50%}
  body.ayden-space:not(.journey-active) .scene-back{inset:-2% -10%;background-position:56% 50%;--layer-z:-95px;--layer-scale:1.14;opacity:1}
  body.ayden-space:not(.journey-active) .scene-mist{inset:0;background:linear-gradient(180deg,#f9fcf6b3 0%,#f7faf566 29%,transparent 52%,#f1f5f447 83%,#f4f7f380 100%)}
  body.ayden-space:not(.journey-active) .hero-copy{top:25px;left:20px;right:20px;width:auto;text-align:center;pointer-events:none;transform:none}
  body.ayden-space:not(.journey-active) .hero-copy>*{pointer-events:auto}
  body.ayden-space:not(.journey-active) .hero-copy h1{font-size:72px;margin-bottom:9px}
  body.ayden-space:not(.journey-active) .hero-kicker{font-size:10px;margin-bottom:9px}
  body.ayden-space:not(.journey-active) .hero-signature{font-size:22px;margin-bottom:3px}
  body.ayden-space:not(.journey-active) .hero-native{font-size:16px;line-height:1.65;margin-bottom:12px}
  body.ayden-space:not(.journey-active) .hero-lines{font-size:13px;line-height:1.8;margin:auto;max-width:330px}
  body.ayden-space:not(.journey-active) .hero-person{top:282px;left:50%;right:auto;width:224px;height:auto;max-width:none;transform:translate3d(-50%,0,30px);padding:0}
  body.ayden-space:not(.journey-active) .hero-person img{max-height:300px}
  body.ayden-space:not(.journey-active) .hero-person figcaption{font-size:9px;padding-top:8px}
  body.ayden-space:not(.journey-active) .hero-actions{position:absolute;top:607px;left:0;right:0;margin:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:10px;align-items:stretch;justify-content:normal}
  body.ayden-space:not(.journey-active) .hero-actions .button{font-size:12px;min-height:46px;padding:10px 9px;gap:8px;white-space:normal}
  body.ayden-space:not(.journey-active) .hero-copy .skip-scene{top:664px;left:0;right:0;font-size:11px;min-height:44px;margin:auto}
  body.ayden-space:not(.journey-active) .hero-scroll{display:none}
  body.ayden-space:not(.journey-active) .profile-layout{display:block;padding:0}
  body.ayden-space:not(.journey-active) .profile-portrait{max-width:290px;margin:0 auto 32px;padding:8px 8px 0}
  body.ayden-space:not(.journey-active) .profile-card{padding:0}
  body.ayden-space:not(.journey-active) .profile-script{font-size:38px}
  body.ayden-space:not(.journey-active) #profile-facts{font-size:14px;gap:0 19px;line-height:1.85}
  body.ayden-space:not(.journey-active) #profile-facts dt{font-size:12px}
  body.ayden-space:not(.journey-active) .collage-photo{padding:6px 6px 0}
  body.ayden-space:not(.journey-active) .collage-caption{font-size:10px;line-height:1.7;min-height:52px}
  body.ayden-space:not(.journey-active) .collage-photo .collage-caption{padding-right:29px}
  body.ayden-space:not(.journey-active) .collage-photo>button[data-save]{min-width:44px;width:44px;min-height:44px}
}
@media(max-width:360px){
  body.ayden-space .brand-monogram{display:none}
  body.ayden-space .section-wrap{padding-inline:20px}
  body.ayden-space .locale-switch button{font-size:10px;min-width:44px;padding-inline:3px}
  body.ayden-space .media-grid,body.ayden-space .pick-grid{gap:26px 14px}
  body.ayden-space .media-body h3{font-size:16px}
  body.ayden-space .media-bottom{font-size:10px}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  body.ayden-space .room-practice .media-card:hover{transform:perspective(1300px) rotateY(-1.5deg) translate3d(0,-2px,3px)}
  body.ayden-space .challenge-wall>.media-card:hover{transform:perspective(1200px) rotateY(-2deg) translateY(-3px)}
}
@media(prefers-reduced-motion:reduce){
  body.ayden-space .media-card,body.ayden-space .collage-photo,body.ayden-space .button{transition:none}
  body.ayden-space .room-practice .media-card:hover,body.ayden-space .challenge-wall>.media-card:hover{transform:none}
}

/* Official accounts share one quiet footer, like the gallery's closing page. */
body.ayden-space .official-footer{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:none;margin:0;padding:76px 36px 46px;border-top:1px solid #a7c2cc70;background:linear-gradient(180deg,#edf4f4,#e2edf0);text-align:center;color:#466a78}
.official-footer .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.ayden-space .official-footer .footer-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:64px;min-height:64px;margin-bottom:50px;text-decoration:none;font-size:12px;letter-spacing:.16em;color:inherit}
.footer-top svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.6}
body.ayden-space .official-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:36px 22px;width:100%;max-width:1280px}
body.ayden-space .official-social{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:13px;flex:0 0 86px;min-height:102px;padding:6px 0;border:0;background:none;text-decoration:none;color:inherit;transition:transform .2s ease,color .2s ease}
.official-social svg{display:block;flex:none;width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.official-social .social-platform{font-size:13px;line-height:1.4;letter-spacing:.045em;white-space:nowrap}
.official-social small{margin-top:-7px;font-size:10px;letter-spacing:.045em;line-height:1.6;color:#637e89;white-space:nowrap}
body.ayden-space .official-social:hover{color:#1f5368;transform:translateY(-3px)}
body.ayden-space .official-footer .footer-settings{width:100%;max-width:720px;margin:38px 0 30px;padding-top:28px;border-top:1px solid #a7c2cc70}
body.ayden-space .official-footer .quality-control{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 14px;text-align:center}
body.ayden-space .official-footer .quality-control label{margin:0;font-size:12px}
body.ayden-space .official-footer .quality-control select{width:auto;min-width:105px;margin:0;background:#f6f9f9;border-color:#b0c6cf}
body.ayden-space .official-footer #quality-status{flex-basis:100%;margin:0;font-size:11px;line-height:1.8}
.official-footer .footer-signature{max-width:760px}
body.ayden-space .official-footer .footer-brand{font-size:21px;color:#466a78;letter-spacing:.07em;text-decoration:none}
.official-footer .footer-signature p{margin:12px 0 0;font-size:11px;line-height:1.9}
.official-footer .footer-rights{color:#637e89}
@media(max-width:600px){
  body.ayden-space .official-footer{padding:48px 22px 122px}
  body.ayden-space .official-footer .footer-top{margin-bottom:28px}
  body.ayden-space .official-socials{gap:24px 12px}
  body.ayden-space .official-social{flex-basis:calc((100% - 24px)/3);min-height:100px}
  .official-social .social-platform{font-size:12px}
  body.ayden-space .official-footer .footer-settings{margin-top:25px}
}
@media(prefers-reduced-motion:reduce){body.ayden-space .official-social{transition:none}body.ayden-space .official-social:hover{transform:none}}

/* Music stays reachable beside the existing gallery tools. */
body.ayden-space .quick-tools>button.music-toggle{color:#557d8d}
.music-toggle .music-symbol{display:grid;place-items:center;width:24px;height:24px;border:1px solid #acc6cf;border-radius:50%}
.music-symbol svg{width:17px;height:17px;grid-area:1/1;fill:currentColor;stroke:none}
.music-symbol .music-pause{display:none;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round}
.music-toggle.is-playing .music-play{display:none}
.music-toggle.is-playing .music-pause{display:block}
.music-toggle.is-playing .music-symbol{background:#e2eef0;border-color:#789fad}
body.ayden-space .quick-tools>button.music-toggle>small{font-size:9px;line-height:1.4}
.official-footer .footer-music{width:min(100%,340px);margin:0 0 30px}
body.ayden-space .official-footer .footer-music .music-title{margin:0 0 10px;font-size:12px;letter-spacing:.07em;color:#466a78}
.footer-music audio{display:block;width:100%;height:40px;color-scheme:light}
body.ayden-space .official-footer #music-status{margin:9px 0 0;font-size:11px;line-height:1.8}
@media(max-width:700px){body.ayden-space .quick-tools>button{width:calc(100% / 6);flex:1 1 0;min-width:0}body.ayden-space .quick-tools>button.music-toggle>small{font-size:9px}.official-footer .footer-music{margin-bottom:28px}}