/* Andrey's corner. Keep the shared navigation and the other three worlds intact.
   SKY_TRANSITION_MS in sky.js is the matching canvas duration. */
body[data-page="sky"][data-sky-mode] {
  --sky-duration: 1800ms;
  --sky-ease: cubic-bezier(.333333,0,.666667,1);
  --sky-page: #edf4fa;
  --sky-surface: #f9fbfe;
  --sky-cloud: #fbfcff;
  --sky-line: #b6cadc;
  --sky-accent: #325a83;
  --sky-footer: #26394d;
  --sky-halo: #e4f2ff;
  /* Reading surfaces stay in one lightness family. Fixed dark ink cannot lag
     behind a changing background or pass through an unreadable grey midpoint. */
  --sky-ink: #142439;
  --sky-muted: #455970;
  --sky-surface-ink: #142439;
  --sky-surface-muted: #455970;
  --sky-cloud-ink: #1b3047;
  --sky-cloud-muted: #475e74;
  background-image: none;
  background-color: var(--sky-page);
}
body[data-page="sky"][data-sky-mode="dawn"] {
  --sky-page: #f2edf1;
  --sky-surface: #fbf7f8;
  --sky-cloud: #fff9f7;
  --sky-line: #c6bdcc;
  --sky-accent: #75558b;
  --sky-footer: #3a344a;
  --sky-halo: #f6e2dd;
}
body[data-page="sky"][data-sky-mode="dusk"] {
  --sky-page: #27263d;
  --sky-surface: #f1e8f0;
  --sky-cloud: #f2e6ed;
  --sky-line: #75677e;
  --sky-accent: #e0a9be;
  --sky-footer: #211e33;
  --sky-halo: #a889a0;
}
body[data-page="sky"][data-sky-mode="night"] {
  --sky-page: #0e1b2e;
  --sky-surface: #e8eef6;
  --sky-cloud: #dde7f2;
  --sky-line: #587291;
  --sky-accent: #a7c8ff;
  --sky-footer: #0b1525;
  --sky-halo: #6984a5;
}
body[data-page="sky"][data-sky-mode][data-sky-animated] {
  transition: background-color var(--sky-duration) var(--sky-ease);
}

body[data-page="sky"][data-sky-mode] .profile-page {
  --paper: var(--sky-page);
  --ink: var(--sky-ink);
  --muted: var(--sky-muted);
  --line: var(--sky-line);
  --accent: var(--sky-accent);
  --profile-accent: var(--sky-accent);
  --profile-muted: var(--sky-muted);
  font-family: Golos,'Segoe UI',sans-serif;
  color: var(--sky-ink);
  background-image: none;
  background-color: var(--sky-page);
  transition: background-color var(--sky-duration) var(--sky-ease);
}
body[data-page="sky"][data-sky-mode] .profile-page :is(h1,h2,h3) { font-weight: 400; letter-spacing: -.04em; }
body[data-page="sky"][data-sky-mode] .profile-page .eyebrow { font-family: Golos,sans-serif; font-size: 11px; letter-spacing: .12em; }
body[data-page="sky"][data-sky-mode] .sky-hero { color: #f8fbff; min-height: 780px; }
body[data-page="sky"][data-sky-mode] .sky-hero::before {
  content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(90deg,rgba(14,31,53,.7),rgba(19,39,62,.52) 42%,rgba(20,39,59,.07) 77%);
}
body[data-page="sky"][data-sky-mode] .sky-hero::after {
  content: ''; position: absolute; inset: auto 0 -1px; height: 105px; z-index: 0; pointer-events: none;
  background-color: var(--sky-page);
  mask-image: linear-gradient(transparent,#000);
  transition: background-color var(--sky-duration) var(--sky-ease);
}
body[data-page="sky"][data-sky-mode] .profile-hero-inner,
body[data-page="sky"][data-sky-mode] .profile-bottomline { position: relative; z-index: 1; }
body[data-page="sky"][data-sky-mode] .profile-topline { padding-block: 27px; }
body[data-page="sky"][data-sky-mode] .profile-topline > span { font-size: 11px; opacity: .84; }
body[data-page="sky"][data-sky-mode] .back-link { font-size: 12px; min-height: 44px; opacity: 1; }
body[data-page="sky"][data-sky-mode] .profile-hero-inner { grid-template-columns: minmax(0,1.35fr) minmax(250px,.8fr); gap: 65px; min-height: 520px; padding-block: 24px 66px; }
body[data-page="sky"][data-sky-mode] .profile-intro .eyebrow { margin-bottom: 27px; color: #e4edf8; }
body[data-page="sky"][data-sky-mode] .profile-intro h1 { font-size: clamp(62px,7.3vw,104px); line-height: 1.04; text-shadow: 0 3px 24px #0a223025; }
body[data-page="sky"][data-sky-mode] .profile-intro h1 em { font-weight: 400; }
body[data-page="sky"][data-sky-mode] .profile-name-dot { color: #cfdfef; }
body[data-page="sky"][data-sky-mode] .profile-intro > p { font-size: 16px; line-height: 1.7; opacity: 1; color: #edf3fb; max-width: 450px; }
body[data-page="sky"][data-sky-mode] .profile-hero-buttons { gap: 28px; margin-top: 29px; }
body[data-page="sky"][data-sky-mode] .profile-button { background: #f3f7fc; border-color: #f3f7fc; color: #1a344f; min-height: 50px; font-size: 13px; border-radius: 6px; box-shadow: 0 8px 30px #122b4512; }
body[data-page="sky"][data-sky-mode] .profile-button:hover { background: #fff; }
body[data-page="sky"][data-sky-mode] .sky-hero .text-link { font-size: 13px; color: #fff; min-height: 44px; }
body[data-page="sky"][data-sky-mode] .profile-photo-wrap { width: 100%; max-width: 320px; align-self: center; }
body[data-page="sky"][data-sky-mode] .portrait-frame { height: 366px; padding: 9px; border-radius: 160px 160px 20px 20px; background: #f2f8ff13; border-color: #eff6ff7a; box-shadow: 0 26px 65px #0c24312b; }
body[data-page="sky"][data-sky-mode] .portrait-frame > img { filter: none; object-position: center 20%; }
body[data-page="sky"][data-sky-mode] .photo-caption { font-size: 9px; line-height: 1.6; letter-spacing: .1em; opacity: .94; color: #f2f7ff; }
body[data-page="sky"][data-sky-mode] .sky-coordinate { bottom: 54px; right: -19px; left: auto; padding: 12px 17px; font-size: 11px; line-height: 1.8; letter-spacing: 0; background: #18334dda; color: #f1f6fc; border-color: #e7f2ff61; border-radius: 8px; box-shadow: 0 9px 30px #0c223f1a; }
body[data-page="sky"][data-sky-mode] .profile-bottomline { padding-bottom: 44px; gap: 22px; }
body[data-page="sky"][data-sky-mode] .time-picker { border-color: #d5e7fc66; background: #18334dca; color: #edf4fc; padding: 5px; gap: 4px; border-radius: 10px; box-shadow: 0 10px 30px #102c4420; }
body[data-page="sky"][data-sky-mode] .time-picker > button { min-height: 44px; padding: 10px 14px; border-radius: 6px; font-size: 12px; gap: 8px; color: #edf4fc; transition: background-color .18s,box-shadow .18s; }
body[data-page="sky"][data-sky-mode] .time-picker > button .icon { width: 16px; height: 16px; }
body[data-page="sky"][data-sky-mode] .time-picker > button:hover { background: #f4f8ff1a; }
body[data-page="sky"][data-sky-mode] .time-picker > button.active { background: #edf4fc; color: #1c3955; box-shadow: 0 2px 7px #0d1f361c; }
body[data-page="sky"][data-sky-mode] .time-picker > button.auto-time { border-left-color: #d9e9ff55; border-radius: 0 5px 5px 0; margin-left: 3px; }
body[data-page="sky"][data-sky-mode] .time-picker > button.selected { text-decoration-thickness: 1px; }
body[data-page="sky"][data-sky-mode] .profile-edit { opacity: 1; font-size: 12px; padding: 10px 15px; border: 1px solid #eff6ff66; border-radius: 8px; color: #f1f6fc; background: #17334ed6; backdrop-filter: blur(14px); min-height: 44px; }

body[data-page="sky"][data-sky-mode] .profile-about { padding-block: 90px 100px; gap: 80px; }
body[data-page="sky"][data-sky-mode] .profile-about h2 { font-size: clamp(34px,3.6vw,49px); color: var(--sky-ink); line-height: 1.15; }
body[data-page="sky"][data-sky-mode] .about-body > p,
body[data-page="sky"][data-sky-mode] .profile-projects .section-heading p,
body[data-page="sky"][data-sky-mode] .project-info > p { color: var(--sky-muted); font-size: 16px; line-height: 1.9; }
body[data-page="sky"][data-sky-mode] .profile-links { color: var(--sky-ink); gap: 27px; }
body[data-page="sky"][data-sky-mode] .profile-links a { font-size: 13px; min-height: 44px; }
body[data-page="sky"][data-sky-mode] .tags > span { font-size: 11px; padding: 6px 10px; background-color: var(--sky-surface); color: var(--sky-surface-ink); border-color: var(--sky-line); transition: background-color var(--sky-duration) var(--sky-ease),border-color var(--sky-duration) var(--sky-ease); }
body[data-page="sky"][data-sky-mode] .cloud-section { color: #f4f8ff; background-color: var(--sky-page); padding-block: 86px 100px; }
body[data-page="sky"][data-sky-mode] .cloud-section > [data-cloud-sky] { z-index: -2; }
body[data-page="sky"][data-sky-mode] .cloud-section::before { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: -1; background: linear-gradient(180deg,#19334ed6,#19334e40 55%,#19334e26); }
body[data-page="sky"][data-sky-mode] .cloud-section::after { content: ''; position: absolute; inset: auto 0 -1px; height: 90px; z-index: -1; pointer-events: none; background-color: var(--sky-page); mask-image: linear-gradient(transparent,#000); transition: background-color var(--sky-duration) var(--sky-ease); }
body[data-page="sky"][data-sky-mode] .cloud-section .section-heading { align-items: start; gap: 50px; }
body[data-page="sky"][data-sky-mode] .cloud-section .section-heading h2 { font-size: clamp(36px,4vw,54px); }
body[data-page="sky"][data-sky-mode] .cloud-section .section-heading p { color: #f4f8ff; opacity: 1; font-size: 15px; line-height: 1.8; }
body[data-page="sky"][data-sky-mode] .cloud-section .section-heading .text-link { font-size: 13px; min-height: 44px; }
body[data-page="sky"][data-sky-mode] .cloud-board { display: grid; position: relative; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 38px; padding-block: 20px 35px; height: auto; min-height: 0; align-items: start; }
body[data-page="sky"][data-sky-mode] .content-cloud {
  position: relative; left: auto; top: auto; right: auto; bottom: auto; width: auto;
  background-image: none; background-color: var(--sky-cloud); color: var(--sky-cloud-ink);
  border: 1px solid color-mix(in srgb,var(--sky-cloud),#fff 28%);
  border-radius: 43% 47% 42% 39% / 23% 29% 31% 29%; padding: 44px 32px 37px;
  min-height: 275px; box-shadow: inset 0 3px 15px #ffffff0b,0 18px 50px #142b4117;
  animation: none; translate: 0 0;
  transition: background-color var(--sky-duration) var(--sky-ease),border-color var(--sky-duration) var(--sky-ease),box-shadow .3s,transform .3s;
}
body[data-page="sky"][data-sky-mode] .content-cloud::before { inset: 0; background: transparent; opacity: .4; filter: none; box-shadow: 0 0 35px var(--sky-halo); transition: box-shadow var(--sky-duration) var(--sky-ease); }
body[data-page="sky"][data-sky-mode] .content-cloud:hover { transform: translateY(-5px); box-shadow: inset 0 3px 15px #ffffff0b,0 25px 55px #10273f28; }
body[data-page="sky"][data-sky-mode] .cloud-mark { color: var(--sky-cloud-muted); font-size: 11px; opacity: 1; letter-spacing: .04em; }
body[data-page="sky"][data-sky-mode] .content-cloud h3 { font-size: 24px; line-height: 1.2; margin-top: 16px; overflow-wrap: anywhere; }
body[data-page="sky"][data-sky-mode] .content-cloud p { font-size: 14px; line-height: 1.8; color: var(--sky-cloud-muted); opacity: 1; margin-top: 13px; overflow-wrap: anywhere; }
body[data-page="sky"][data-sky-mode] .cloud-read { font-size: 12px; margin-top: 19px; }
body[data-page="sky"][data-sky-mode] .cloud-1 { margin-top: 80px; }
body[data-page="sky"][data-sky-mode] .cloud-2 { margin-top: 24px; }
body[data-page="sky"][data-sky-mode] .add-cloud-card { margin-top: 15px; min-height: 175px; grid-column: auto; background-image: none; background-color: var(--sky-cloud); color: var(--sky-cloud-ink); border: 1px dashed var(--sky-line); box-shadow: none; font-size: 14px; }
body[data-page="sky"][data-sky-mode] .profile-projects { padding-block: 95px 100px; }
body[data-page="sky"][data-sky-mode] .profile-projects .section-heading h2 { font-size: clamp(36px,4vw,54px); }
body[data-page="sky"][data-sky-mode] .project-info h3 { font-size: 34px; }
body[data-page="sky"][data-sky-mode] .project-index { font-size: 11px; }
body[data-page="sky"][data-sky-mode] .project-bottom .text-link { font-size: 12px; min-height: 44px; }
body[data-page="sky"][data-sky-mode] .project-tabs { border-color: var(--sky-line); gap: 28px; transition: border-color var(--sky-duration) var(--sky-ease); }
body[data-page="sky"][data-sky-mode] .project-tabs button { font-size: 13px; min-height: 48px; opacity: .8; }
body[data-page="sky"][data-sky-mode] .project-tabs button.active { opacity: 1; }
body[data-page="sky"][data-sky-mode] .project-tabs button > span { background: var(--sky-surface); color: var(--sky-surface-ink); font-size: 11px; transition: background-color var(--sky-duration) var(--sky-ease); }
body[data-page="sky"][data-sky-mode] .project-visual.arena { background-color: var(--sky-surface); transition: background-color var(--sky-duration) var(--sky-ease); }
body[data-page="sky"][data-sky-mode] .browser-chrome { background-color: var(--sky-surface); color: var(--sky-surface-muted); transition: background-color var(--sky-duration) var(--sky-ease); }
body[data-page="sky"][data-sky-mode] .profile-end { border-color: var(--sky-line); transition: border-color var(--sky-duration) var(--sky-ease); }
body[data-page="sky"][data-sky-mode] .profile-end > span { color: var(--sky-muted); font-size: 13px; }
body[data-page="sky"][data-sky-mode] .next-person { background-color: var(--sky-surface); border-color: var(--sky-line); color: var(--sky-surface-ink); font-size: 12px; min-height: 44px; transition: background-color var(--sky-duration) var(--sky-ease),border-color var(--sky-duration) var(--sky-ease); }
body[data-page="sky"][data-sky-mode] .empty-state { background-color: var(--sky-surface); border-color: var(--sky-line); color: var(--sky-surface-muted); transition: background-color var(--sky-duration) var(--sky-ease),border-color var(--sky-duration) var(--sky-ease); }
body[data-page="sky"][data-sky-mode] .empty-state p { font-size: 15px; }
body[data-page="sky"][data-sky-mode] .footer { background-color: var(--sky-footer); color: #f2f6fc; border-top: 1px solid #b9cce130; transition: background-color var(--sky-duration) var(--sky-ease); }
body[data-page="sky"][data-sky-mode] .footer-message p { color: #d3deed; }
body[data-page="sky"][data-sky-mode] .footer-bottom > span,
body[data-page="sky"][data-sky-mode] .footer-bottom a:not(.brand),
body[data-page="sky"][data-sky-mode] .footer-bottom small { color: #c4d2e5; }

body[data-page="sky"][data-sky-mode] dialog { --paper: var(--sky-surface); --ink: var(--sky-surface-ink); --muted: var(--sky-surface-muted); --line: var(--sky-line); background-color: var(--sky-surface); color: var(--sky-surface-ink); border-color: var(--sky-line); box-shadow: 0 35px 100px #030c1b60; transition: background-color var(--sky-duration) var(--sky-ease),border-color var(--sky-duration) var(--sky-ease); }
body[data-page="sky"][data-sky-mode] dialog::backdrop { background: #0d213574; }
body[data-page="sky"][data-sky-mode] :is(input,textarea,select) { background-color: var(--sky-surface); color: var(--sky-ink); border-color: var(--sky-line); transition: background-color var(--sky-duration) var(--sky-ease),border-color var(--sky-duration) var(--sky-ease); }
body[data-page="sky"][data-sky-mode] :is(input,textarea)::placeholder { color: var(--sky-muted); }
body[data-page="sky"][data-sky-mode] .cloud-full-text { color: var(--sky-surface-muted); }
body[data-page="sky"][data-sky-mode] .form-error { color: #9b322c; }
body[data-page="sky"][data-sky-mode] .success-symbol { background-color: var(--sky-surface); color: var(--sky-ink); }
body[data-page="sky"][data-sky-mode] :is(.profile-page,dialog) .primary { background: #365c83; color: #fff; border-color: #567ba4; }
body[data-page="sky"][data-sky-mode] :is(.profile-page,dialog) .primary:hover { background: #294b70; color: #fff; }
body[data-page="sky"][data-sky-mode] :is(.profile-page,dialog) :is(a,button,input,textarea,select):focus-visible { outline-color: #648dd1; }
body[data-page="sky"][data-sky-mode] .sky-hero :is(a,button):focus-visible { outline-color: #fff; outline-offset: 4px; }

@media (max-width: 1050px) {
  body[data-page="sky"][data-sky-mode] .profile-hero-inner { grid-template-columns: minmax(0,1.2fr) minmax(210px,.8fr); gap: 38px; }
  body[data-page="sky"][data-sky-mode] .profile-intro h1 { font-size: clamp(57px,7.3vw,82px); }
  body[data-page="sky"][data-sky-mode] .profile-photo-wrap { max-width: 285px; }
  body[data-page="sky"][data-sky-mode] .portrait-frame { height: 330px; }
  body[data-page="sky"][data-sky-mode] .profile-about { gap: 45px; }
  body[data-page="sky"][data-sky-mode] .cloud-board { gap: 25px; }
  body[data-page="sky"][data-sky-mode] .content-cloud { padding: 40px 25px 34px; }
}
@media (max-width: 850px) {
  body[data-page="sky"][data-sky-mode] .profile-bottomline { align-items: flex-start; flex-wrap: wrap; gap: 15px; }
  body[data-page="sky"][data-sky-mode] .sky-coordinate { right: -10px; font-size: 10px; }
  body[data-page="sky"][data-sky-mode] .cloud-board { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 35px; }
  body[data-page="sky"][data-sky-mode] .cloud-1 { margin-top: 65px; }
  body[data-page="sky"][data-sky-mode] .cloud-2 { margin-top: 0; }
  body[data-page="sky"][data-sky-mode] .cloud-section .section-heading { gap: 30px; }
  body[data-page="sky"][data-sky-mode] .profile-end { align-items: flex-start; flex-direction: column; gap: 18px; }
  body[data-page="sky"][data-sky-mode] .profile-end > div { flex-wrap: wrap; }
}
@media (max-width: 640px) {
  body[data-page="sky"][data-sky-mode] .sky-hero { min-height: 0; }
  body[data-page="sky"][data-sky-mode] .sky-hero::before { background: linear-gradient(180deg,#142e4cb8,#142e4c85 42%,#142e4c24); }
  body[data-page="sky"][data-sky-mode] .profile-topline { padding-block: 12px; }
  body[data-page="sky"][data-sky-mode] .profile-topline > span { font-size: 9px; letter-spacing: .06em; }
  body[data-page="sky"][data-sky-mode] .back-link { font-size: 11px; gap: 7px; }
  body[data-page="sky"][data-sky-mode] .profile-hero-inner { display: flex; flex-direction: column; align-items: stretch; gap: 34px; padding-block: 23px 31px; min-height: 0; }
  body[data-page="sky"][data-sky-mode] .profile-intro .eyebrow { margin-bottom: 21px; font-size: 10px; }
  body[data-page="sky"][data-sky-mode] .profile-intro h1 { font-size: clamp(48px,12.5vw,74px); line-height: 1.05; letter-spacing: -.045em; }
  body[data-page="sky"][data-sky-mode] .profile-intro > p { margin-top: 19px; font-size: 15px; line-height: 1.7; }
  body[data-page="sky"][data-sky-mode] .profile-hero-buttons { margin-top: 22px; gap: 24px; flex-wrap: wrap; }
  body[data-page="sky"][data-sky-mode] .profile-hero-buttons .button { padding: 13px 17px; gap: 24px; }
  body[data-page="sky"][data-sky-mode] .profile-photo-wrap { width: 220px; max-width: 78%; align-self: center; justify-self: auto; margin: 0; }
  body[data-page="sky"][data-sky-mode] .portrait-frame { height: 254px; padding: 7px; border-radius: 110px 110px 16px 16px; }
  body[data-page="sky"][data-sky-mode] .photo-caption { font-size: 8px; margin-top: 12px; letter-spacing: .06em; }
  body[data-page="sky"][data-sky-mode] .sky-coordinate { position: relative; bottom: auto; left: auto; right: auto; margin-top: 12px; padding: 9px 12px; font-size: 10px; text-align: center; }
  body[data-page="sky"][data-sky-mode] .profile-bottomline { flex-direction: column; align-items: stretch; padding-bottom: 32px; gap: 14px; }
  body[data-page="sky"][data-sky-mode] .time-picker { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) auto; padding: 4px; gap: 3px; width: 100%; }
  body[data-page="sky"][data-sky-mode] .time-picker > button { flex-direction: column; gap: 4px; padding: 8px 2px; min-height: 56px; font-size: 10px; line-height: 1.35; }
  body[data-page="sky"][data-sky-mode] .time-picker > button.auto-time { justify-content: center; padding-inline: 9px; margin-left: 1px; }
  body[data-page="sky"][data-sky-mode] .profile-edit { align-self: flex-start; padding: 8px 13px; font-size: 11px; }
  body[data-page="sky"][data-sky-mode] .profile-about { display: grid; grid-template-columns: 1fr; padding-block: 56px 62px; gap: 27px; }
  body[data-page="sky"][data-sky-mode] .profile-about h2 { font-size: 35px; margin-top: 20px; }
  body[data-page="sky"][data-sky-mode] .about-body { padding-top: 0; margin-top: 0; }
  body[data-page="sky"][data-sky-mode] .about-body > p,
  body[data-page="sky"][data-sky-mode] .project-info > p { font-size: 15px; }
  body[data-page="sky"][data-sky-mode] .cloud-section { padding-block: 59px 65px; }
  body[data-page="sky"][data-sky-mode] .cloud-section .section-heading { flex-direction: column; align-items: stretch; gap: 22px; margin-bottom: 26px; }
  body[data-page="sky"][data-sky-mode] .cloud-section .section-heading h2 { font-size: 36px; }
  body[data-page="sky"][data-sky-mode] .cloud-section .section-heading > div:last-child { max-width: none; }
  body[data-page="sky"][data-sky-mode] .cloud-board { display: flex; flex-direction: column; padding-top: 5px; padding-bottom: 25px; gap: 30px; }
  body[data-page="sky"][data-sky-mode] .content-cloud { width: 96%; min-height: 0; margin-top: 0; padding: 34px 29px; border-radius: 38% 43% 35% 39% / 21% 24% 25% 27%; }
  body[data-page="sky"][data-sky-mode] .content-cloud:nth-child(even) { align-self: flex-end; }
  body[data-page="sky"][data-sky-mode] .content-cloud h3 { font-size: 24px; }
  body[data-page="sky"][data-sky-mode] .content-cloud p { font-size: 15px; line-height: 1.8; }
  body[data-page="sky"][data-sky-mode] .add-cloud-card { min-height: 155px; }
  body[data-page="sky"][data-sky-mode] .profile-projects { padding-block: 58px 62px; }
  body[data-page="sky"][data-sky-mode] .profile-projects .section-heading h2 { font-size: 36px; }
  body[data-page="sky"][data-sky-mode] .project-tabs { gap: 18px; flex-wrap: wrap; margin-bottom: 30px; }
  body[data-page="sky"][data-sky-mode] .project-tabs button { font-size: 12px; padding-block: 11px; }
  body[data-page="sky"][data-sky-mode] .project-info h3 { font-size: 29px; }
  body[data-page="sky"][data-sky-mode] .project-index { font-size: 10px; }
  body[data-page="sky"][data-sky-mode] .profile-project-list { gap: 44px; }
  body[data-page="sky"][data-sky-mode] .profile-end { padding-block: 25px 45px; }
  body[data-page="sky"][data-sky-mode] .next-person { font-size: 11px; gap: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="sky"][data-sky-mode],
  body[data-page="sky"][data-sky-mode] *,
  body[data-page="sky"][data-sky-mode] *::before,
  body[data-page="sky"][data-sky-mode] *::after { transition: none !important; animation: none !important; }
}

/* The seasonal canvas supplies the snow; these small frost highlights stay out
   of the reading area and preserve each card's tested foreground/background. */
body[data-page="sky"][data-sky-mode] .portrait-frame { transition: border-color var(--sky-duration) var(--sky-ease),box-shadow var(--sky-duration) var(--sky-ease); }
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] .portrait-frame { border-top-color: #f1f8ffcc; box-shadow: 0 26px 65px #0c24312b,inset 0 2px 0 #ffffff70; }
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] .content-cloud { border-top-color: #f7fbffd9; }

/* A separate, compact row keeps calendar/season controls distinct from the clock. */
body[data-page="sky"][data-sky-mode] .sky-season-switch {
  display: flex; align-items: center; width: max-content; max-width: 100%;
  gap: 3px; padding: 4px; margin-top: 12px; border-radius: 999px;
  background: #17334dcc; border: 1px solid #d7e8ff66; color: #eff7ff;
  backdrop-filter: blur(14px); box-shadow: 0 6px 22px #0c223914;
}
body[data-page="sky"][data-sky-mode] .sky-season-choice[data-season] {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  min-height: 40px; min-width: 0; padding: 8px 13px; border-radius: 999px;
  border: 1px solid transparent; font: 400 12px/1.4 Golos,sans-serif; color: #eff7ff;
  white-space: nowrap; transition: background-color .18s,color .18s,border-color .18s;
}
body[data-page="sky"][data-sky-mode] .sky-season-choice[data-season] .icon { width: 15px; height: 15px; }
body[data-page="sky"][data-sky-mode] .sky-season-choice[data-season]:hover { background: #e4f1ff20; }
body[data-page="sky"][data-sky-mode] .sky-season-choice[data-season][aria-pressed="true"] { background: #eaf5ff; border-color: #f7fbff; color: #193852; }
body[data-page="sky"][data-sky-mode] .sky-season-choice[data-season]:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

/* Original branch geometry, clipped to a frame. No crystal is painted beneath
   a line of text; the opaque centre uses the same contrast-tested sky surface. */
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] {
  --sky-ice-line: color-mix(in srgb,var(--sky-line),#d6edff 42%);
  --sky-ice-branches: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none'%3E%3Cg stroke='%2390bbda' stroke-width='.9' stroke-linecap='round' opacity='.65'%3E%3Cpath d='M179 1 156 22 137 41 116 62 95 83 76 105 53 128 32 151M156 22 153 4M156 22 177 19M137 41 131 15 115 6M137 41 162 40 177 28M116 62 110 35 94 22M116 62 145 60 163 48M95 83 88 56 69 42M95 83 121 82 142 70M76 105 68 80 50 67M76 105 101 104 121 91M53 128 46 104 29 91M53 128 81 126 100 114M32 151 25 126 8 113M32 151 58 150 78 137'/%3E%3Cpath d='M179 64 163 79 150 96 135 110M163 79 159 65M163 79 179 77M150 96 146 82M150 96 166 94M135 110 131 99M135 110 149 110M115 1 98 17 87 30M98 17 96 4M98 17 112 16M87 30 75 30'/%3E%3C/g%3E%3Cg stroke='%23f1faff' stroke-width='1.1' opacity='.85'%3E%3Cpath d='M178 2 157 23 138 42 117 63 96 84 77 106M178 65 164 80 151 97M114 1 99 18'/%3E%3C/g%3E%3C/svg%3E");
}
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] :is(.about-body,.project-info) {
  position: relative; isolation: isolate; min-width: 0; padding: 34px 35px 30px;
  border: 1px solid var(--sky-ice-line); border-top-color: #eef9ffe0;
  border-radius: 16px 30px 16px 16px; background-color: var(--sky-surface);
  color: var(--sky-surface-ink); --muted: var(--sky-surface-muted);
  box-shadow: inset 0 2px 0 #ffffff80,inset 1px 0 0 #e0f3ff40,0 17px 45px #142b4311;
  transition: background-color var(--sky-duration) var(--sky-ease),border-color var(--sky-duration) var(--sky-ease),box-shadow var(--sky-duration) var(--sky-ease);
}
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] .about-body > p,
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] .project-info > p { color: var(--sky-surface-muted); }
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] :is(.about-body,.project-info) :is(p,h3,a) { overflow-wrap: anywhere; }
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] .about-body .profile-links { color: var(--sky-surface-ink); }
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] :is(.about-body,.project-info)::before {
  content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 1;
  border-radius: inherit; padding: 23px;
  background-image: var(--sky-ice-branches),var(--sky-ice-branches),linear-gradient(130deg,#f2fbff90,transparent 35%,#badcf438);
  background-position: right top,left bottom,center; background-size: 160px 160px,135px 135px,100% 100%; background-repeat: no-repeat;
  -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite: exclude;
}
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] :is(.about-body,.project-info)::after {
  content: ''; position: absolute; top: -1px; right: 18px; width: 62px; height: 11px;
  pointer-events: none; background: linear-gradient(120deg,#e4f5ffc7,#f4fbffe8 46%,#a8cee79c);
  clip-path: polygon(0 0,100% 0,83% 46%,58% 27%,36% 86%,18% 42%);
}
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] .content-cloud {
  border-color: var(--sky-ice-line); border-top-color: #f4fbffe8;
  border-radius: 40% 45% 32% 35% / 24% 27% 26% 29%;
  box-shadow: inset 0 3px 1px #f5fbff73,inset 2px 0 0 #dcefff38,0 22px 50px #0d294424;
}
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] .content-cloud::after {
  content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; padding: 18px;
  background-image: var(--sky-ice-branches),linear-gradient(135deg,#f5fcffb3,transparent 45%,#c6e5fa6b);
  background-position: right top,center; background-size: 145px 145px,100% 100%; background-repeat: no-repeat;
  -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite: exclude;
}
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] .content-cloud:hover { box-shadow: inset 0 3px 1px #f5fbff80,inset 2px 0 0 #dcefff38,0 27px 55px #0d294435; }
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] .add-cloud-card { border-style: dashed; }
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] .project-image-link { border: 1px solid var(--sky-ice-line); border-radius: 12px; box-shadow: 0 1px 0 #ffffff70,0 14px 40px #142b4310; }
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] .project-info { padding: 30px; }
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] .project-info .project-index { column-gap: 18px; row-gap: 6px; flex-wrap: wrap; }
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] .project-info .project-bottom { border-top-color: var(--sky-ice-line); }
body[data-page="sky"][data-sky-mode][data-sky-season="winter"] .next-person { border-color: var(--sky-ice-line); border-top-color: #f0f9ffb8; border-radius: 8px; box-shadow: inset 0 1px 0 #ffffff40; }

@media (max-width: 850px) {
  body[data-page="sky"][data-sky-mode][data-sky-season="winter"] .profile-about { gap: 32px; }
  body[data-page="sky"][data-sky-mode][data-sky-season="winter"] :is(.about-body,.project-info) { padding: 28px; }
}
@media (max-width: 640px) {
  body[data-page="sky"][data-sky-mode] .sky-season-switch { margin-top: 12px; }
  body[data-page="sky"][data-sky-mode] .sky-season-choice[data-season] { padding: 8px 10px; gap: 6px; font-size: 11px; }
  body[data-page="sky"][data-sky-mode][data-sky-season="winter"] .profile-about { gap: 25px; }
  body[data-page="sky"][data-sky-mode][data-sky-season="winter"] :is(.about-body,.project-info) { padding: 29px 25px 26px; border-radius: 14px 25px 14px 14px; }
  body[data-page="sky"][data-sky-mode][data-sky-season="winter"] :is(.about-body,.project-info)::before { padding: 17px; background-size: 128px 128px,110px 110px,100% 100%; }
  body[data-page="sky"][data-sky-mode][data-sky-season="winter"] .content-cloud { border-radius: 37% 42% 31% 35% / 22% 25% 25% 27%; }
}

/* Summer has its own daylight reflections, instead of simply removing snow.
   Reflections stay on the perimeter; the reading surface remains opaque. */
body[data-page="sky"][data-sky-mode="dawn"] { --sky-summer-reflection: #ffe7c4b3; }
body[data-page="sky"][data-sky-mode="day"] { --sky-summer-reflection: #fff6d9b3; }
body[data-page="sky"][data-sky-mode="dusk"] { --sky-summer-reflection: #f4c6d1a3; }
body[data-page="sky"][data-sky-mode="night"] { --sky-summer-reflection: #c5def078; }
body[data-page="sky"][data-sky-season="summer"] :is(.about-body,.project-info) {
  position: relative; isolation: isolate; min-width: 0; padding: 34px 35px 30px;
  background-color: var(--sky-surface); color: var(--sky-surface-ink); --muted: var(--sky-surface-muted);
  border: 1px solid var(--sky-line); border-radius: 14px 32px 14px 14px;
  box-shadow: inset 0 1px 0 #ffffff75,0 16px 44px #142b430d;
  transition: background-color var(--sky-duration) var(--sky-ease),border-color var(--sky-duration) var(--sky-ease),box-shadow var(--sky-duration) var(--sky-ease);
}
body[data-page="sky"][data-sky-season="summer"] .about-body > p,
body[data-page="sky"][data-sky-season="summer"] .project-info > p { color: var(--sky-surface-muted); }
body[data-page="sky"][data-sky-season="summer"] .about-body .profile-links { color: var(--sky-surface-ink); }
body[data-page="sky"][data-sky-season="summer"] :is(.about-body,.project-info) :is(p,h3,a) { overflow-wrap: anywhere; }
body[data-page="sky"][data-sky-season="summer"] :is(.about-body,.project-info)::before {
  content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 19px; pointer-events: none;
  background: linear-gradient(125deg,var(--sky-summer-reflection),transparent 38%,#d1eaff52),radial-gradient(ellipse at 95% 100%,#d6edff4d,transparent 55%);
  -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite: exclude;
}
body[data-page="sky"][data-sky-season="summer"] .project-info { padding: 30px; }
body[data-page="sky"][data-sky-season="summer"] .project-info .project-index { column-gap: 18px; row-gap: 6px; flex-wrap: wrap; }
body[data-page="sky"][data-sky-season="summer"] .project-image-link { border: 1px solid var(--sky-line); border-radius: 12px; box-shadow: 0 -2px 16px var(--sky-summer-reflection),0 12px 35px #142b4312; }
@media (max-width:850px) { body[data-page="sky"][data-sky-season="summer"] :is(.about-body,.project-info) { padding: 28px; } }
@media (max-width:640px) {
  body[data-page="sky"][data-sky-season="summer"] :is(.about-body,.project-info) { padding: 29px 25px 26px; border-radius: 14px 25px 14px 14px; }
  body[data-page="sky"][data-sky-season="summer"] :is(.about-body,.project-info)::before { padding: 17px; }
}

/* These headings sit outside the note panels. Give their fixed ink a stable
   reading surface while the surrounding page fades from daylight to night. */
body[data-page="sky"][data-sky-mode] .profile-about > div:first-child,
body[data-page="sky"][data-sky-mode] .profile-projects > .section-heading {
  align-self: start; padding: 27px 30px; border: 1px solid var(--sky-line);
  border-radius: 14px 25px 14px 14px; color: var(--sky-ink); background-color: var(--sky-surface);
  transition: background-color var(--sky-duration) var(--sky-ease),border-color var(--sky-duration) var(--sky-ease);
}
body[data-page="sky"][data-sky-mode] .profile-projects > .section-heading { margin-bottom: 26px; }
body[data-page="sky"][data-sky-mode] .project-tabs {
  background-color: var(--sky-surface); color: var(--sky-ink); border: 1px solid var(--sky-line);
  border-radius: 10px; padding: 3px 18px;
  transition: background-color var(--sky-duration) var(--sky-ease),border-color var(--sky-duration) var(--sky-ease);
}
body[data-page="sky"][data-sky-mode] .profile-end > span,
body[data-page="sky"][data-sky-mode] .profile-more,
body[data-page="sky"][data-sky-mode] .personal-empty > .text-link {
  background-color: var(--sky-surface); color: var(--sky-ink); border: 1px solid var(--sky-line);
  border-radius: 9px; padding: 10px 15px;
  transition: background-color var(--sky-duration) var(--sky-ease),border-color var(--sky-duration) var(--sky-ease);
}
body[data-page="sky"][data-sky-mode] .profile-bottomline .profile-signature { background: #17334de8; color: #f1f7ff; opacity: 1; padding: 7px 12px; border: 1px solid #e1efff40; border-radius: 8px; }
@media(max-width:640px) {
  body[data-page="sky"][data-sky-mode] .profile-about > div:first-child,
  body[data-page="sky"][data-sky-mode] .profile-projects > .section-heading { padding: 24px; }
}

/* Keep control labels readable while the scene fades between palettes. */
body[data-page="sky"][data-sky-mode] .sky-weather-controls{max-width:440px;margin-top:28px;position:relative}
body[data-page="sky"][data-sky-mode] .sky-control-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:9px}
body[data-page="sky"][data-sky-mode] .sky-control-label{font-size:12px;letter-spacing:.02em;color:#e5eefb}
body[data-page="sky"][data-sky-mode] .sky-control-heading .sky-season-choice{min-height:32px;padding:5px 9px;font-size:11px;border:1px solid #e2eeff36;background:#132a42b8;color:#f5f8ff;gap:6px;display:inline-flex;align-items:center;border-radius:18px}
body[data-page="sky"][data-sky-mode] .sky-control-heading .sky-season-choice[aria-pressed="true"]{background:#eaf5ff;color:#193852;border-color:#eaf5ff}
body[data-page="sky"][data-sky-mode] .sky-season-switch{margin-top:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;background:#122b43dd;border-color:#d1e6ff61;box-shadow:0 8px 28px #0a21381a;border-radius:15px;padding:5px;gap:3px}
body[data-page="sky"][data-sky-mode] .sky-season-switch .sky-season-choice{justify-content:center;min-width:0;min-height:48px;font:12px/1.3 Golos,sans-serif;padding:9px 7px;border-radius:10px;gap:7px;transition:background-color .25s,color .25s,border-color .25s}
body[data-page="sky"][data-sky-mode] .sky-season-choice .icon{flex-shrink:0}
body[data-page="sky"][data-sky-mode] .sky-clock{display:inline-flex;align-items:center;gap:10px;color:#edf5ff;font:12px/1.6 Golos,sans-serif;background:#142b43c9;border:1px solid #e2eeff32;border-radius:24px;padding:8px 14px;align-self:flex-start;width:fit-content}
body[data-page="sky"][data-sky-mode] .sky-clock .icon{width:15px;height:15px}
body[data-page="sky"][data-sky-mode] .sky-clock time{font-variant-numeric:tabular-nums;font-weight:500}
/* The changing sky carries the atmosphere; reading surfaces keep stable ink. */
body[data-page="sky"][data-sky-season="autumn"]{--sky-season-edge:#cc95595c}
body[data-page="sky"][data-sky-season="spring"]{--sky-season-edge:#b7cce061}
body[data-page="sky"][data-sky-season="autumn"] :is(.about-body,.project-info),
body[data-page="sky"][data-sky-season="spring"] :is(.about-body,.project-info){position:relative;isolation:isolate;min-width:0;padding:32px;background:var(--sky-surface);color:var(--sky-surface-ink);--muted:var(--sky-surface-muted);border:1px solid var(--sky-line);border-radius:14px 32px 14px 14px;box-shadow:inset 0 2px 0 var(--sky-season-edge),0 16px 44px #142b430d}
body[data-page="sky"][data-sky-season="autumn"] :is(.about-body,.project-info)>p,
body[data-page="sky"][data-sky-season="spring"] :is(.about-body,.project-info)>p{color:var(--sky-surface-muted)}
body[data-page="sky"][data-sky-mode] .sky-hero::before{background:linear-gradient(90deg,#0e1f35b8,#13273e6e 45%,#14273b08 80%)}
@media(max-width:640px){
  body[data-page="sky"][data-sky-mode] .sky-weather-controls{margin-top:23px;max-width:100%}
  body[data-page="sky"][data-sky-mode] .sky-season-switch .sky-season-choice{padding:9px 3px;gap:5px;min-height:48px;font-size:11px}
  body[data-page="sky"][data-sky-mode] .sky-season-switch .sky-season-choice .icon{width:14px;height:14px}
  body[data-page="sky"][data-sky-mode] .sky-clock{font-size:11px;gap:8px;padding:8px 12px}
  body[data-page="sky"][data-sky-mode] .sky-hero::before{background:linear-gradient(180deg,#142e4ca6,#142e4c58 50%,#142e4c14)}
  body[data-page="sky"]:is([data-sky-season="spring"],[data-sky-season="autumn"]) :is(.about-body,.project-info){padding:27px 24px}
}
@media(prefers-reduced-motion:reduce){body[data-page="sky"][data-sky-mode] .sky-season-choice{transition:none}}

/* Permanent seasonal layers crossfade; their artwork never changes in place. */
body[data-page="sky"] {
  --season-nest: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 80'%3E%3Cellipse cx='70' cy='50' rx='52' ry='17' fill='%23836c50'/%3E%3Cellipse cx='70' cy='44' rx='48' ry='13' fill='%235f5140'/%3E%3Cg stroke='%239aafad' stroke-width='.7'%3E%3Cellipse cx='49' cy='34' rx='8' ry='12' transform='rotate(-12 49 34)' fill='%23d8e8e7'/%3E%3Cellipse cx='70' cy='30' rx='8' ry='12' fill='%23e5eee7'/%3E%3Cellipse cx='91' cy='34' rx='8' ry='12' transform='rotate(12 91 34)' fill='%23d0e0dd'/%3E%3C/g%3E%3Cg fill='%2389aaa9'%3E%3Ccircle cx='48' cy='31' r='1.1'/%3E%3Ccircle cx='71' cy='27' r='1'/%3E%3Ccircle cx='90' cy='31' r='1'/%3E%3Ccircle cx='93' cy='38' r='.8'/%3E%3C/g%3E%3Cpath d='M17 43c21 22 80 31 111 0-10 26-96 36-111 0Z' fill='%23947b56'/%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='m8 45 107 15M26 58l99-14M18 38l102 20M25 69l91-19M12 52l107 14M28 43l95 10M30 63l68-22M49 67l61-29' stroke='%236c5941' stroke-width='1.8'/%3E%3Cpath d='m11 46 86 17M31 42l90 16M28 61l84-13M37 69l79-12M18 53l92 13M57 48l59-8M10 42l28 2M105 58l26-8' stroke='%23c1a274' stroke-width='1.4'/%3E%3Cpath d='m26 52-13-17M39 58l-6-24M98 59l16-24M111 55l23-17' stroke='%23977e55' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E");
  --season-leaves: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 95'%3E%3Cg stroke-linejoin='round'%3E%3Cpath d='m39 73-17-8 7-7-14-8 11-4-2-19 14 7 8-17 8 17 16-8-3 18 12 5-15 10 6 10-19 3-3 16' fill='%23c57d3f' stroke='%23a96837' stroke-width='.8'/%3E%3Cpath d='m46 33 1 53M27 49l20 17 20-17M36 39l11 12 12-14' fill='none' stroke='%23e9b679' stroke-width='1.1'/%3E%3Cpath d='m89 71-16-9 8-5-10-14 12 1 3-18 11 12 14-12-1 19 14-2-10 14 9 7-20 6-7 15' fill='%23d8a04a' stroke='%23b78543' stroke-width='.8'/%3E%3Cpath d='m94 39 1 40M81 49l14 15 17-15' fill='none' stroke='%23f4ce86' stroke-width='1'/%3E%3Cpath d='M113 35c-8-15-2-23 13-27 9 13 8 25-13 27Z' fill='%23b79561' stroke='%239c7e54' stroke-width='.8'/%3E%3Cpath d='m111 40 15-27' stroke='%23ddc99f' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
  --season-snowdrops: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20140%20110'%20fill%3D'none'%3E%3Cpath%20d%3D'M59%20105C47%2078%2042%2049%2048%2030c5-17%2025-19%2034-8M63%20105c-1-30%2018-55%2036-52M60%20105C47%2088%2034%2075%2021%2073'%20stroke%3D'%23789783'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%2F%3E%3Cpath%20d%3D'M59%20105C35%2099%2025%2090%2021%2073c22%203%2034%2015%2038%2032ZM61%20105c23-7%2034-22%2038-36-22%208-31%2017-38%2036Z'%20fill%3D'%239db3a1'%20fill-opacity%3D'.6'%2F%3E%3Cpath%20d%3D'M78%2018c-8%204-15%2017-15%2028%208-2%2015-8%2018-19%200%2013%206%2023%2014%2028%204-13%200-27-11-35Z'%20fill%3D'%23f9fcfa'%20stroke%3D'%23c0d0ce'%20stroke-width%3D'1'%2F%3E%3Cpath%20d%3D'M78%2018c-3%2011-1%2023%204%2031%206-7%208-17%202-29Z'%20fill%3D'white'%20stroke%3D'%23c6d7d2'%20stroke-width%3D'.8'%2F%3E%3Cpath%20d%3D'M99%2051c-7%203-12%2012-12%2022%206-2%2012-7%2014-14%200%2010%205%2018%2011%2021%203-10%200-20-9-27Z'%20fill%3D'%23f8fcfa'%20stroke%3D'%23bdcfcb'%20stroke-width%3D'.9'%2F%3E%3Cpath%20d%3D'M99%2051c-2%209-1%2016%203%2023%205-6%206-13%201-21Z'%20fill%3D'white'%2F%3E%3Cpath%20d%3D'm77%2020%206%202m14%2032%206%201'%20stroke%3D'%2391ac99'%20stroke-width%3D'3'%20stroke-linecap%3D'round'%2F%3E%3C%2Fsvg%3E");
  --season-daisies: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20140%20110'%3E%3Cpath%20d%3D'M63%20107%2048%2043M66%20107%2095%2059M66%20107l-41-27'%20stroke%3D'%2385a07b'%20stroke-width%3D'2'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M66%20101C45%20105%2032%2094%2026%2081c22-2%2033%206%2040%2020ZM66%20105c15-15%2026-15%2038-14-9%2015-22%2019-38%2014Z'%20fill%3D'%23a5bc8d'%2F%3E%3Cg%20transform%3D'translate(47%2037)%20scale(0.9)'%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(0)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(36)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(72)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(108)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(144)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(180)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(216)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(252)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(288)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(324)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Ccircle%20r%3D'8'%20fill%3D'%23dfb34c'%2F%3E%3Ccircle%20cx%3D'-1.8'%20cy%3D'-2'%20r%3D'5.2'%20fill%3D'%23eed071'%2F%3E%3Cg%20fill%3D'%23c49b43'%3E%3Ccircle%20cx%3D'3'%20cy%3D'1'%20r%3D'.8'%2F%3E%3Ccircle%20cx%3D'-2'%20cy%3D'2'%20r%3D'.7'%2F%3E%3Ccircle%20cx%3D'1'%20cy%3D'-3'%20r%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D'translate(97%2056)%20scale(0.74)'%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(0)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(36)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(72)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(108)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(144)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(180)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(216)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(252)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(288)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(324)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Ccircle%20r%3D'8'%20fill%3D'%23dfb34c'%2F%3E%3Ccircle%20cx%3D'-1.8'%20cy%3D'-2'%20r%3D'5.2'%20fill%3D'%23eed071'%2F%3E%3Cg%20fill%3D'%23c49b43'%3E%3Ccircle%20cx%3D'3'%20cy%3D'1'%20r%3D'.8'%2F%3E%3Ccircle%20cx%3D'-2'%20cy%3D'2'%20r%3D'.7'%2F%3E%3Ccircle%20cx%3D'1'%20cy%3D'-3'%20r%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D'translate(23%2078)%20scale(0.5)'%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(0)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(36)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(72)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(108)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(144)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(180)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(216)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(252)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(288)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'-15'%20rx%3D'4.1'%20ry%3D'10.5'%20transform%3D'rotate(324)'%20fill%3D'%23fffef4'%20stroke%3D'%23d5dfc9'%20stroke-width%3D'.6'%2F%3E%3Ccircle%20r%3D'8'%20fill%3D'%23dfb34c'%2F%3E%3Ccircle%20cx%3D'-1.8'%20cy%3D'-2'%20r%3D'5.2'%20fill%3D'%23eed071'%2F%3E%3Cg%20fill%3D'%23c49b43'%3E%3Ccircle%20cx%3D'3'%20cy%3D'1'%20r%3D'.8'%2F%3E%3Ccircle%20cx%3D'-2'%20cy%3D'2'%20r%3D'.7'%2F%3E%3Ccircle%20cx%3D'1'%20cy%3D'-3'%20r%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --season-frost: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none'%3E%3Cg stroke='%2390bbda' stroke-width='.9' stroke-linecap='round' opacity='.65'%3E%3Cpath d='M179 1 156 22 137 41 116 62 95 83 76 105 53 128 32 151M156 22 153 4M156 22 177 19M137 41 131 15 115 6M137 41 162 40 177 28M116 62 110 35 94 22M116 62 145 60 163 48M95 83 88 56 69 42M95 83 121 82 142 70M76 105 68 80 50 67M76 105 101 104 121 91M53 128 46 104 29 91M53 128 81 126 100 114M32 151 25 126 8 113M32 151 58 150 78 137'/%3E%3Cpath d='M179 64 163 79 150 96 135 110M163 79 159 65M163 79 179 77M150 96 146 82M150 96 166 94M135 110 131 99M135 110 149 110M115 1 98 17 87 30M98 17 96 4M98 17 112 16M87 30 75 30'/%3E%3C/g%3E%3Cg stroke='%23f1faff' stroke-width='1.1' opacity='.85'%3E%3Cpath d='M178 2 157 23 138 42 117 63 96 84 77 106M178 65 164 80 151 97M114 1 99 18'/%3E%3C/g%3E%3C/svg%3E");
}
body[data-page="sky"][data-sky-season="spring"] { --season-tint:#e8f2f6; --season-edge:#a9c6d7; --season-light:#ffffffb3; --season-shadow:#456a8017; }
body[data-page="sky"][data-sky-season="summer"] { --season-tint:#cee1c7; --season-edge:#96b49a; --season-light:#f1f6d6b8; --season-shadow:#5574501c; }
body[data-page="sky"][data-sky-season="autumn"] { --season-tint:#f9e8d7; --season-edge:#c7a582; --season-light:#ffe4bba3; --season-shadow:#79573a1a; }
body[data-page="sky"][data-sky-season="winter"] { --season-tint:#e1effb; --season-edge:#adcce1; --season-light:#f5fbffd0; --season-shadow:#456a8017; }
body[data-page="sky"][data-sky-mode][data-sky-season]
  :is(.about-body,.project-info,.profile-about > div:first-child,.profile-projects > .section-heading) {
  position:relative; isolation:isolate;
  border-color:color-mix(in srgb,var(--sky-line),var(--season-edge) 53%);
  background-color:color-mix(in srgb,var(--sky-surface),var(--season-tint) 28%);
  box-shadow:inset 0 1px 0 var(--season-light),0 15px 42px var(--season-shadow);
  transition:background-color var(--sky-duration) var(--sky-ease),border-color var(--sky-duration) var(--sky-ease),box-shadow var(--sky-duration) var(--sky-ease);
}
body[data-page="sky"][data-sky-mode][data-sky-season] :is(.about-body,.project-info) {padding:34px 35px 30px;border-radius:16px 30px 16px 16px;}
body[data-page="sky"][data-sky-mode][data-sky-season]
  :is(.about-body,.project-info,.profile-about > div:first-child,.profile-projects > .section-heading)::before,
body[data-page="sky"][data-sky-mode][data-sky-season] :is(.about-body,.project-info)::after {content:none;}
body[data-page="sky"][data-sky-mode][data-sky-season] .project-image-link {
  border:1px solid color-mix(in srgb,var(--sky-line),var(--season-edge) 53%);border-radius:12px;
  box-shadow:0 -2px 15px var(--season-light),0 12px 35px var(--season-shadow);
  transition:border-color var(--sky-duration) var(--sky-ease),box-shadow var(--sky-duration) var(--sky-ease);
}
body[data-page="sky"][data-sky-mode][data-sky-season="summer"] .profile-button {background:#e9f2df;border-color:#d5e6c9;color:#294235;}
body[data-page="sky"][data-sky-mode][data-sky-season="summer"] .sky-season-choice[data-season][aria-pressed="true"] {background:#e6f1dd;border-color:#e6f1dd;color:#294235;}
body[data-page="sky"][data-sky-mode][data-sky-season] :is(.profile-button,.sky-season-choice) {transition:background-color var(--sky-duration) var(--sky-ease),color var(--sky-duration) var(--sky-ease),border-color var(--sky-duration) var(--sky-ease);}
.season-decoration-set {position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;}
.season-decoration-set .season-detail {position:absolute;top:-36px;right:16px;width:104px;height:77px;background-position:center;background-size:contain;background-repeat:no-repeat;opacity:0;pointer-events:none;transition:opacity var(--sky-duration,1800ms) var(--sky-ease,ease);}
.season-detail--spring {background-image:var(--season-snowdrops);}
.season-decoration-set[data-season-detail="about"] .season-detail--spring {background-image:var(--season-nest);top:-39px;height:60px;right:20px;}
.season-detail--summer {background-image:var(--season-daisies);}
.season-detail--autumn {background-image:var(--season-leaves);top:-38px;right:13px;height:68px;}
.season-decoration-set .season-detail--winter {inset:0;width:auto;height:auto;padding:20px;border-radius:inherit;background-image:var(--season-frost),var(--season-frost),linear-gradient(130deg,#f2fbff90,transparent 35%,#badcf438);background-position:right top,left bottom,center;background-size:160px 160px,135px 135px,100% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;}
body[data-page="sky"][data-sky-season="spring"] .season-detail--spring,
body[data-page="sky"][data-sky-season="summer"] .season-detail--summer,
body[data-page="sky"][data-sky-season="autumn"] .season-detail--autumn,
body[data-page="sky"][data-sky-season="winter"] .season-detail--winter {opacity:1;}
@media(max-width:640px) {
  body[data-page="sky"][data-sky-mode][data-sky-season] :is(.about-body,.project-info) {padding:29px 25px 26px;border-radius:14px 25px 14px 14px;}
  .season-decoration-set .season-detail {width:88px;height:65px;top:-31px;right:12px;}
  .season-decoration-set[data-season-detail="about"] .season-detail--spring {right:14px;width:88px;height:51px;top:-32px;}
  .season-decoration-set .season-detail--winter {inset:0;width:auto;height:auto;padding:15px;background-size:128px 128px,110px 110px,100% 100%;}
}
@media(prefers-reduced-motion:reduce) {.season-decoration-set .season-detail{transition:none;}}

/* An original little snow rabbit rests on the first cloud. */
body[data-page="sky"] {--season-winter-bunny:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20110%20135'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'fur'%20x2%3D'.7'%20y2%3D'1'%3E%3Cstop%20stop-color%3D'%23ffffff'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23e5eff7'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D'83'%20cy%3D'107'%20rx%3D'15'%20ry%3D'14'%20fill%3D'%23f3f8fc'%20stroke%3D'%23ccdce8'%20stroke-width%3D'1.2'%2F%3E%3Cg%20stroke%3D'%23c9dce8'%20stroke-width%3D'1.2'%3E%3Cellipse%20cx%3D'35'%20cy%3D'33'%20rx%3D'12'%20ry%3D'29'%20transform%3D'rotate(-15%2035%2033)'%20fill%3D'url(%23fur)'%2F%3E%3Cellipse%20cx%3D'72'%20cy%3D'30'%20rx%3D'11'%20ry%3D'29'%20transform%3D'rotate(16%2072%2030)'%20fill%3D'url(%23fur)'%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D'35'%20cy%3D'32'%20rx%3D'6.5'%20ry%3D'20'%20transform%3D'rotate(-15%2035%2032)'%20fill%3D'%23eccfd5'%2F%3E%3Cellipse%20cx%3D'72'%20cy%3D'29'%20rx%3D'6'%20ry%3D'20'%20transform%3D'rotate(16%2072%2029)'%20fill%3D'%23eccfd5'%2F%3E%3Cellipse%20cx%3D'55'%20cy%3D'107'%20rx%3D'29'%20ry%3D'26'%20fill%3D'url(%23fur)'%20stroke%3D'%23c9dce8'%20stroke-width%3D'1.2'%2F%3E%3Cellipse%20cx%3D'55'%20cy%3D'113'%20rx%3D'18'%20ry%3D'17'%20fill%3D'%23fffdfb'%2F%3E%3Cellipse%20cx%3D'35'%20cy%3D'127'%20rx%3D'16'%20ry%3D'6.5'%20fill%3D'%23f7fbfe'%20stroke%3D'%23cadce8'%20stroke-width%3D'1.1'%2F%3E%3Cellipse%20cx%3D'74'%20cy%3D'127'%20rx%3D'16'%20ry%3D'6.5'%20fill%3D'%23f7fbfe'%20stroke%3D'%23cadce8'%20stroke-width%3D'1.1'%2F%3E%3Cpath%20d%3D'M25%2067C26%2050%2039%2042%2055%2044l-1-7%208%207%207-3%201%206c15%205%2022%2015%2020%2029-2%2020-18%2029-35%2028S22%2090%2025%2067Z'%20fill%3D'url(%23fur)'%20stroke%3D'%23cadce8'%20stroke-width%3D'1.2'%20stroke-linejoin%3D'round'%2F%3E%3Cellipse%20cx%3D'40'%20cy%3D'78'%20rx%3D'9'%20ry%3D'6'%20fill%3D'%23efd7dc'%20opacity%3D'.65'%2F%3E%3Cellipse%20cx%3D'73'%20cy%3D'78'%20rx%3D'9'%20ry%3D'6'%20fill%3D'%23efd7dc'%20opacity%3D'.65'%2F%3E%3Cellipse%20cx%3D'43'%20cy%3D'68'%20rx%3D'4.2'%20ry%3D'5.7'%20fill%3D'%23314456'%2F%3E%3Cellipse%20cx%3D'69'%20cy%3D'68'%20rx%3D'4.2'%20ry%3D'5.7'%20fill%3D'%23314456'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'66'%20r%3D'1.7'%20fill%3D'white'%2F%3E%3Ccircle%20cx%3D'68'%20cy%3D'66'%20r%3D'1.7'%20fill%3D'white'%2F%3E%3Cellipse%20cx%3D'48'%20cy%3D'82'%20rx%3D'9'%20ry%3D'7'%20fill%3D'%23fffefd'%2F%3E%3Cellipse%20cx%3D'64'%20cy%3D'82'%20rx%3D'9'%20ry%3D'7'%20fill%3D'%23fffefd'%2F%3E%3Cpath%20d%3D'M51%2077q5-4%2010%200l-5%205Z'%20fill%3D'%23c79ca7'%2F%3E%3Cpath%20d%3D'M56%2082v3m0%200q-4%205-8%200m8%200q4%205%208%200'%20fill%3D'none'%20stroke%3D'%239caab4'%20stroke-width%3D'1.1'%20stroke-linecap%3D'round'%2F%3E%3Cellipse%20cx%3D'40'%20cy%3D'106'%20rx%3D'7'%20ry%3D'11'%20transform%3D'rotate(-14%2040%20106)'%20fill%3D'%23fafcfe'%20stroke%3D'%23c9dce8'%20stroke-width%3D'1'%2F%3E%3Cellipse%20cx%3D'71'%20cy%3D'106'%20rx%3D'7'%20ry%3D'11'%20transform%3D'rotate(14%2071%20106)'%20fill%3D'%23fafcfe'%20stroke%3D'%23c9dce8'%20stroke-width%3D'1'%2F%3E%3C%2Fsvg%3E");}