/* Generated from apps/shared/shell/shell.css by sync.mjs: edit the source, then re-run. */
/* The Akashic shell (source: apps/shared/shell/shell.css; sync.mjs copies it into each app).
   One layout for the "Other dimensions" list and the footer; each dimension keeps its look through the --sh-* tokens
   below (matched to its own stylesheet). Fallbacks keep it readable if a page lacks a token. */
[data-akd-shell] {
  --sh-ink: #eef5ff; --sh-soft: #b9c8eb; --sh-accent: #e2c896; --sh-title: #f5e5c8;
  --sh-card: rgba(8, 12, 32, .62); --sh-card-hover: rgba(14, 20, 50, .8); --sh-line: rgba(226, 200, 150, .28); --sh-line-hover: #e2c896;
  --sh-name: 400 1.3rem/1.15 var(--display, Georgia, serif); --sh-num: 400 1.1rem/1 var(--display, Georgia, serif);
  --sh-title-font: 600 .74rem/1.3 var(--sans, system-ui, sans-serif); --sh-title-track: .2em;
  --sh-foot: rgba(185, 200, 235, .72); --sh-foot-shadow: none;
  --sh-panel: rgba(8, 12, 32, .96); --sh-panel-line: rgba(238, 245, 255, .16); --sh-hover: rgba(238, 245, 255, .07);
  --sh-box: linear-gradient(180deg, rgba(12, 18, 46, .8), rgba(6, 10, 28, .74)); --sh-box-line: rgba(238, 245, 255, .13);
  --sh-row: rgba(238, 245, 255, .04); --sh-row-hover: rgba(238, 245, 255, .09); --sh-row-line: rgba(238, 245, 255, .14); --sh-danger: #f0a3a3;
  --sh-title-display: 400 clamp(1.8rem, 3vw, 2.4rem)/1.1 var(--display, Georgia, serif);
}
[data-akd-shell="tarot"] {
  --sh-ink: var(--ink, #2c1b10); --sh-soft: var(--ink-soft, #5e4533); --sh-accent: var(--gold-text, #7d5620); --sh-title: var(--gold-text, #7d5620);
  --sh-card: rgba(255, 251, 242, .6); --sh-card-hover: rgba(255, 251, 242, .9); --sh-line: var(--line, rgba(110, 70, 35, .22)); --sh-line-hover: var(--gold, #a8782f);
  --sh-name: 600 22px/1.15 var(--serif, Georgia, serif); --sh-num: 400 18px/1 var(--inscr, Georgia, serif);
  --sh-title-font: 400 13px/1.3 var(--inscr, Georgia, serif); --sh-title-track: .26em;
  --sh-foot: var(--ink, #2c1b10); --sh-foot-shadow: 0 0 6px rgba(251, 243, 228, .95), 0 0 14px rgba(251, 243, 228, .9), 0 0 28px rgba(251, 243, 228, .75);
  --sh-panel: var(--glass-strong, rgba(251, 243, 228, .96)); --sh-panel-line: var(--line, rgba(110, 70, 35, .22)); --sh-hover: rgba(168, 120, 47, .1);
  --sh-box: var(--glass, rgba(251, 243, 228, .8)); --sh-box-line: var(--edge, rgba(168, 120, 47, .32));
  --sh-row: rgba(255, 251, 242, .55); --sh-row-hover: rgba(255, 251, 242, .9); --sh-row-line: var(--line, rgba(110, 70, 35, .22)); --sh-danger: var(--oxblood, #7a2a2a);
  --sh-title-display: 600 30px/1.1 var(--serif, Georgia, serif);
}
[data-akd-shell="palm"] {
  --sh-ink: var(--ink, #2a2119); --sh-soft: var(--ink-soft, #5a4a3b); --sh-accent: var(--gold-text, #7a5822); --sh-title: var(--gold-text, #7a5822);
  --sh-card: rgba(255, 255, 255, .55); --sh-card-hover: rgba(255, 255, 255, .85); --sh-line: var(--line, rgba(90, 70, 45, .18)); --sh-line-hover: var(--gold, #b08a45);
  /* Palm ships only the italic Cormorant: its upright display face (Marcellus) carries the names */
  --sh-name: 400 21px/1.2 var(--display, Georgia, serif); --sh-num: 400 19px/1 var(--display, Georgia, serif);
  --sh-title-font: 600 12px/1.3 var(--sans, system-ui, sans-serif); --sh-title-track: .18em;
  --sh-foot: var(--ink-soft, #5a4a3b);
  --sh-panel: rgba(250, 247, 241, .97); --sh-panel-line: var(--glass-edge, rgba(168, 128, 60, .38)); --sh-hover: rgba(36, 82, 122, .08);
  --sh-box: rgba(255, 253, 249, .7); --sh-box-line: var(--line, rgba(90, 70, 45, .18));
  --sh-row: rgba(255, 255, 255, .55); --sh-row-hover: rgba(255, 255, 255, .9); --sh-row-line: var(--line, rgba(90, 70, 45, .18)); --sh-danger: var(--error, #8f2e2e);
  --sh-title-display: 400 28px/1.15 var(--display, Georgia, serif);
}

/* ---------- Other dimensions ---------- */
.dims[data-akd-shell] { position: relative; z-index: 5; box-sizing: border-box; width: min(50rem, 100% - 32px); margin: 0 auto; padding: 2.5rem 0 1rem; text-align: center; }
.dims[data-akd-shell] .dims__title { margin: 0 0 1.2rem; font: var(--sh-title-font); letter-spacing: var(--sh-title-track); text-transform: uppercase; color: var(--sh-title); }
:lang(hi) .dims[data-akd-shell] .dims__title { letter-spacing: 0; text-transform: none; font-size: .95rem; }
.dims[data-akd-shell] .dims__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 24rem)); justify-content: center; gap: .8rem; }
.dims[data-akd-shell] .dims__list > [hidden] { display: none; }
.dims[data-akd-shell] .dims__item { display: flex; align-items: center; gap: 1rem; min-height: 44px; padding: 1rem 1.2rem; border: 1px solid var(--sh-line); border-radius: 18px; background: var(--sh-card); color: var(--sh-ink); text-decoration: none; text-align: left; transition: border-color .25s, background-color .25s; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.dims[data-akd-shell] .dims__item:hover, .dims[data-akd-shell] .dims__item:focus-visible { border-color: var(--sh-line-hover); background: var(--sh-card-hover); }
.dims[data-akd-shell] .dims__item:focus-visible { outline: 2px solid var(--sh-accent); outline-offset: 2px; }
.dims[data-akd-shell] .dims__num { flex: none; width: 2.2rem; font: var(--sh-num); color: var(--sh-accent); text-align: center; }
.dims[data-akd-shell] .dims__text { flex: 1; display: grid; gap: .25rem; }
.dims[data-akd-shell] .dims__name { font: var(--sh-name); }
.dims[data-akd-shell] .dims__chip { font-size: .85rem; line-height: 1.35; color: var(--sh-soft); }
.dims[data-akd-shell] .dims__go { color: var(--sh-accent); }
.dims[data-akd-shell] .dims__all { display: inline-block; margin-top: 1rem; padding: .7rem .4rem; font-size: .85rem; color: var(--sh-soft); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--sh-soft) 40%, transparent); text-underline-offset: .3em; }
.dims[data-akd-shell] .dims__all:hover { color: var(--sh-ink); }

/* ---------- Footer ---------- */
.site-foot[data-akd-shell] { position: relative; z-index: 5; box-sizing: border-box; width: min(60rem, 100% - 32px); margin: 0 auto; padding: 1.5rem 0 3rem; text-align: center; font-size: .85rem; line-height: 1.5; color: var(--sh-foot); text-shadow: var(--sh-foot-shadow); }
.site-foot[data-akd-shell] p { margin: 0; }
.site-foot[data-akd-shell] .site-foot__note { margin-bottom: .4rem; }
.site-foot[data-akd-shell] .site-foot__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 .6rem; margin: 0 0 .3rem; }
.site-foot[data-akd-shell] .site-foot__links a { display: inline-block; padding: .7rem .5rem; color: inherit; font-weight: 600; text-decoration: none; }
.site-foot[data-akd-shell] .site-foot__links a:hover { color: var(--sh-accent); text-decoration: underline; text-underline-offset: .3em; }
.site-foot[data-akd-shell] .site-foot__links a:focus-visible { outline: 2px solid var(--sh-accent); outline-offset: 2px; border-radius: 4px; }

/* ---------- The top bar: one order, one way of folding ----------
   Every control carries data-akd-slot; its words sit in .akd-label, a short form in .akd-short (shell.js standardBar).
   Folding, the same on every dimension: under 1100 px music and motion show their icon; under 860 px gift,
   dimensions and language fold too (language to its code); under 560 px everything but the reading pill's short label. */
.akd-bar { display: flex; align-items: center; flex-wrap: nowrap; }
.akd-bar .akd-short { display: none; }
@media (max-width: 1099px) {
  .akd-bar :is([data-akd-slot="music"], [data-akd-slot="motion"]) .akd-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
@media (max-width: 859px) {
  .akd-bar :is([data-akd-slot="gift"], [data-akd-slot="dims"], [data-akd-slot="lang"], [data-akd-slot="extra"]) .akd-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .akd-bar [data-akd-slot="lang"] .akd-short { display: inline; }
}
@media (max-width: 559px) {
  .akd-bar { gap: 4px !important; }
  .akd-bar [data-akd-slot] .akd-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .akd-bar [data-akd-slot] .akd-short { display: inline; }
  .akd-bar :is(.pill[data-akd-slot], [data-akd-slot] > .pill) { min-width: 36px; min-height: 36px; height: 36px; padding: 0 9px; gap: 0; justify-content: center; font-size: 13px; }
  .akd-bar [data-akd-slot] .pill__icon, .akd-bar [data-akd-slot] [data-icon] { margin: 0; }
}
/* the smallest phones (under 360 px): every pill a touch smaller, and the reading pill keeps only its gold ✦
   (its full name stays its accessible name), so seven controls fit at 320 px */
@media (max-width: 359px) {
  .akd-bar { gap: 2px !important; }
  .akd-bar :is(.pill[data-akd-slot], [data-akd-slot] > .pill) { min-width: 32px; height: 32px; min-height: 32px; padding: 0 6px; }
  .akd-bar [data-akd-slot="reading"] .akd-short { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}

/* the reading pill (setReadingPill): the gold offer on a free reading, the same gold on every dimension */
.akd-reading-pill { display: inline-flex; align-items: center; gap: .35em; }
.akd-reading-pill--gold { color: #16131f !important; background: linear-gradient(180deg, #f8ecd4, #e2c896) !important; border-color: transparent !important; font-weight: 600; text-shadow: none; }
.akd-reading-pill--gold:hover { background: linear-gradient(180deg, #fff4e0, #ead3a6) !important; }

/* the Dimensions pill and its panel */
.akd-dims-menu { position: relative; display: inline-flex; }
.akd-dims-menu__button { display: inline-flex; align-items: center; gap: .4em; }
.akd-dims-icon { width: 1.05em; height: 1.05em; flex: none; fill: currentColor; opacity: .9; }
.akd-dims-menu__panel {
  position: absolute; top: calc(100% + 8px); right: 0; z-index: 60; box-sizing: border-box; width: min(19rem, calc(100vw - 24px)); padding: 12px 10px 10px;
  border-radius: 16px; border: 1px solid var(--sh-panel-line); background: var(--sh-panel); color: var(--sh-ink);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .3); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  font: 400 14px/1.35 var(--sans, system-ui, sans-serif); letter-spacing: normal; text-align: left; white-space: normal; text-shadow: none;
}
.akd-dims-menu__panel[hidden] { display: none; }
.akd-dims-menu__panel.is-sheet { position: fixed; left: 12px; right: 12px; width: auto; }
.akd-dims-menu__title { margin: 0 0 6px; padding: 0 8px; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--sh-soft); }
:lang(hi) .akd-dims-menu__title { letter-spacing: 0; text-transform: none; font-size: 12px; }
.akd-dims-menu__panel ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.akd-dims-menu__item { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 8px; border-radius: 10px; color: inherit; text-decoration: none; }
.akd-dims-menu__item:hover, .akd-dims-menu__item:focus-visible { background: var(--sh-hover); }
.akd-dims-menu__item:focus-visible { outline: 2px solid var(--sh-accent); outline-offset: 1px; }
.akd-dims-menu__num { flex: none; width: 1.6rem; text-align: center; font: var(--sh-num); color: var(--sh-accent); }
.akd-dims-menu__text { display: grid; gap: 1px; }
.akd-dims-menu__name { font-weight: 600; }
.akd-dims-menu__chip { font-size: 12.5px; color: var(--sh-soft); }
.akd-dims-menu__all { display: block; margin: 6px 0 0; padding: 10px 8px 4px; border-top: 1px solid var(--sh-panel-line); font-size: 13px; color: var(--sh-soft); text-decoration: underline; text-underline-offset: .3em; }
.akd-dims-menu__all:hover { color: var(--sh-ink); }

/* ---------- The "Your reading" panel (shell.js readingPanel) ---------- */
.akd-tools { box-sizing: border-box; width: 100%; max-width: 46rem; margin: 0 auto 2rem; padding: clamp(1.4rem, 3vw, 2.2rem); border-radius: 26px; text-align: left;
  color: var(--sh-ink); background: var(--sh-box); border: 1px solid var(--sh-box-line); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.akd-tools p { margin: 0; color: var(--sh-soft); }
.akd-tools__title { margin: 0 0 .3rem; font: var(--sh-title-display); color: var(--sh-ink); }
.akd-tools__head p { margin: 0 0 1.4rem; }
.akd-tools__actions { display: grid; gap: .6rem; }
.akd-tool { display: flex; align-items: center; gap: .9rem; box-sizing: border-box; width: 100%; min-height: 48px; padding: 1rem 1.1rem; border-radius: 14px; border: 1px solid var(--sh-row-line);
  background: var(--sh-row); color: var(--sh-ink); font: 500 1rem/1.2 var(--sans, system-ui, sans-serif); cursor: pointer; text-align: left; list-style: none; transition: background .25s, border-color .25s; }
.akd-tool:hover { background: var(--sh-row-hover); border-color: var(--sh-line-hover); }
.akd-tool:focus-visible { outline: 2px solid var(--sh-accent); outline-offset: 2px; }
.akd-tool svg { width: 1.3rem; height: 1.3rem; flex: none; fill: none; stroke: var(--sh-accent); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.akd-tool--danger svg { stroke: var(--sh-danger); }
.akd-tool-delete summary::-webkit-details-marker { display: none; }
.akd-tool__chev { margin-left: auto; color: var(--sh-soft); transition: transform .3s; }
.akd-tool-delete[open] .akd-tool__chev { transform: rotate(180deg); }
.akd-tool-delete__body { padding: 1rem 1.1rem .4rem; font-size: .88rem; }
.akd-tool-delete__body p { margin: 0 0 .9rem; line-height: 1.5; }
.akd-tool-delete__go { min-height: 44px; padding: .7rem 1.2rem; border-radius: 999px; border: 1px solid var(--sh-danger); background: transparent; color: var(--sh-danger); font: 600 .9rem/1.2 var(--sans, system-ui, sans-serif); cursor: pointer; }
.akd-tool-delete__go:hover { background: color-mix(in srgb, var(--sh-danger) 12%, transparent); }
.akd-tool-delete__go:disabled { opacity: .55; cursor: progress; }
.akd-tool-delete__go:focus-visible { outline: 2px solid var(--sh-danger); outline-offset: 2px; }
.akd-tools__meta { margin: 1rem 0 0 !important; font-size: .82rem; }
.akd-tools__status:empty { display: none; }
.akd-tools__status { margin: .8rem 0 0 !important; font-size: .88rem; color: var(--sh-ink) !important; }
.akd-tools__actions > :not(.akd-tool):not(details) { margin: .1rem 0 .3rem; padding: 0 .3rem; }

@media print { .dims[data-akd-shell], .site-foot[data-akd-shell], .akd-tools { display: none !important; } }