.fun-studio{--fun-action-ink:#071310;max-width:1480px;color:var(--ink);grid-template-columns:minmax(0,1fr) minmax(300px,560px);grid-template-areas:"form card""ref ref""ref2 ref2";align-items:start;gap:22px 26px;margin:0 auto;padding:0 20px 30px;display:grid}.fun-studio.is-stacked{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""ref""ref2"}.fun-workspace{grid-area:top;grid-template-columns:minmax(0,1fr) minmax(300px,560px);grid-template-areas:"form card";align-items:start;gap:22px 26px;display:grid}.fun-workspace>.fun-panel:first-child{grid-area:form}html[data-theme=light] .fun-studio{--fun-action-ink:#fff}@media (prefers-color-scheme:light){html:not([data-theme=dark]) .fun-studio{--fun-action-ink:#fff}}.fun-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fun-studio button{cursor:pointer;min-height:44px;font:inherit}.fun-studio :is(button,input,summary):focus-visible{outline:3px solid var(--lime);outline-offset:3px}.fun-studio button:disabled{opacity:.45;cursor:not-allowed}.fun-panel{border:1px solid var(--line);background:var(--paper-raised);border-radius:22px;padding:clamp(14px,2vw,26px)}.fun-studio>.fun-panel:first-child{grid-area:form}.fun-card-panel{grid-area:card;position:sticky;top:96px}.fun-card-panel h2{margin:0 0 12px;font-size:1.1rem}.fun-field{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:.88rem;font-weight:700;display:flex}.fun-field input{border:1px solid var(--line);background:var(--paper);width:100%;min-height:50px;color:var(--ink);border-radius:12px;padding:10px 14px;font-size:18px}.fun-pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px;display:grid}.fun-heart{color:var(--brand);padding-bottom:12px;font-size:1.4rem}.fun-warning{color:var(--brand);margin:12px 0 0;font-weight:700}.fun-result{margin-top:18px}.fun-result-label{color:var(--ink-soft);margin:0;font-size:.9rem}.fun-result-number{font-family:var(--display);color:var(--brand);align-items:baseline;gap:12px;margin:4px 0 0;font-size:clamp(3.5rem,8vw,5.5rem);font-weight:700;line-height:1;display:flex}.fun-result-number span{color:var(--ink-soft);font-family:inherit;font-size:1rem;font-weight:700}.fun-result h3{margin:8px 0 6px;font-size:clamp(1.25rem,2vw,1.6rem)}.fun-result>p:not([class]){color:var(--ink-soft);max-width:65ch;margin:0;line-height:1.6}.fun-working{margin-top:14px}.fun-working summary,.fun-meanings summary{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-weight:700;display:flex}.fun-letters{flex-wrap:wrap;gap:6px;margin:8px 0;padding:0;list-style:none;display:flex}.fun-letters li{border:1px solid var(--line);background:var(--paper);border-radius:10px;flex-direction:column;align-items:center;min-width:36px;padding:6px 8px;display:flex}.fun-letters span{color:var(--ink-soft);font-size:.85rem}.fun-equation{font-variant-numeric:tabular-nums;color:var(--ink-soft);overflow-wrap:anywhere;margin:6px 0 0}.fun-card{gap:10px;display:grid}.fun-card-canvas{aspect-ratio:1;border-radius:16px;width:100%;height:auto;display:block;box-shadow:0 14px 40px #0003}.fun-card-actions{flex-wrap:wrap;gap:8px;display:flex}.fun-card-actions button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:12px;padding:8px 16px;font-weight:700}.fun-card-actions .is-primary{background:var(--brand);border-color:var(--brand);color:var(--fun-action-ink)}.fun-status{min-height:1.4em;color:var(--teal);margin:0;font-size:.92rem}.fun-reference{border-top:1px solid var(--line);grid-area:ref;padding-top:24px}.fun-reference+.fun-reference{grid-area:ref2}.fun-reference h2{margin:0 0 10px;font-size:clamp(1.35rem,2vw,1.9rem)}.fun-reference>p{color:var(--ink-soft);max-width:75ch;margin:0 0 14px;line-height:1.6}.fun-reference table{border-collapse:collapse;min-width:min(100%,420px)}.fun-reference th,.fun-reference td{border:1px solid var(--line);text-align:left;padding:8px 14px}.fun-reference th{background:var(--paper-raised)}.fun-meanings{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.fun-meanings details{border:1px solid var(--line);background:var(--paper-raised);border-radius:12px;padding:4px 14px}.fun-meanings summary span{background:color-mix(in srgb,var(--brand) 18%,transparent);min-width:36px;height:36px;color:var(--ink);border-radius:50%;place-items:center;display:inline-grid}.fun-meanings p{color:var(--ink-soft);margin:4px 0 12px;line-height:1.55}.fun-tiers{color:var(--ink-soft);gap:6px;margin:0;padding-left:20px;display:grid}.fun-tiers strong{color:var(--ink)}.studio-page .fun-reference{content-visibility:auto;contain-intrinsic-size:auto 500px}.zodiac-select{border:1px solid var(--line);background:var(--paper);width:100%;min-height:50px;color:var(--ink);border-radius:12px;padding:10px 12px;font-size:16px}.zodiac-pair-link{min-height:44px;color:var(--brand);text-underline-offset:4px;align-items:center;font-weight:700;text-decoration:underline;display:inline-flex}.zodiac-article,.zodiac-index{max-width:1480px;margin:36px auto 0;padding:0 20px}.zodiac-article>h2,.zodiac-index>h2{margin:0 0 16px;font-size:clamp(1.5rem,2.2vw,2.3rem)}.zodiac-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.zodiac-sections section,.zodiac-lists section,.zodiac-plan{border:1px solid var(--line);background:var(--paper-raised);border-radius:16px;padding:18px 20px}.zodiac-article h3{margin:0 0 8px;font-size:1.15rem}.zodiac-article p,.zodiac-article li{color:var(--ink-soft);line-height:1.65}.zodiac-article p{margin:0}.zodiac-lists{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.zodiac-lists ul{gap:6px;margin:0;padding-left:20px;display:grid}.zodiac-plan{border-left:4px solid var(--brand);margin-top:16px}.zodiac-index{content-visibility:auto;contain-intrinsic-size:auto 900px}.zodiac-more{content-visibility:auto;contain-intrinsic-size:auto 320px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.zodiac-more section{border:1px solid var(--line);background:var(--paper-raised);border-radius:16px;padding:16px 20px}.zodiac-more ul{flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;display:flex}.zodiac-more a{min-height:44px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--brand) 50%,transparent);text-decoration-color:color-mix(in srgb,var(--brand) 50%,transparent);text-underline-offset:4px;align-items:center;display:inline-flex}.zodiac-more a:focus-visible{outline:3px solid var(--lime);outline-offset:2px}@media (max-width:700px){.zodiac-more{grid-template-columns:1fr}}.zodiac-index-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.zodiac-index-grid section{border:1px solid var(--line);background:var(--paper-raised);border-radius:14px;padding:14px 16px}.zodiac-index-grid h3{margin:0 0 6px;font-size:1.05rem}.zodiac-index-grid ul{margin:0;padding:0;list-style:none}.zodiac-index-grid a{min-height:44px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--brand) 50%,transparent);text-decoration-color:color-mix(in srgb,var(--brand) 50%,transparent);text-underline-offset:4px;align-items:center;display:flex}.zodiac-index-grid a:focus-visible{outline:3px solid var(--lime);outline-offset:2px}@media (max-width:1100px){.zodiac-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.zodiac-sections{grid-template-columns:1fr}}@media (max-width:700px){.zodiac-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zodiac-lists{grid-template-columns:1fr}}@media (max-width:480px){.zodiac-article,.zodiac-index{padding:0 14px}.zodiac-index-grid{grid-template-columns:1fr}}@media (max-width:1000px){.fun-studio{grid-template-columns:1fr;grid-template-areas:"form""card""ref""ref2"}.fun-workspace{grid-template-columns:1fr;grid-template-areas:"form""card"}.fun-card-panel{position:static}.fun-meanings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.fun-studio{gap:16px;padding-inline:14px}.fun-meanings{grid-template-columns:1fr}.fun-pair{gap:6px}.fun-heart{padding-bottom:14px;font-size:1.1rem}.fun-field input{font-size:16px}}