@layer components{.star-jar-page{flex-direction:column;flex:1;align-items:center;min-height:0;padding:0;display:flex;overflow:clip}.star-jar-content{flex-direction:column;flex:1;width:100%;max-width:70rem;min-height:0;display:flex}.star-jar-entry{display:contents}.star-jar-intro{order:0}.star-jar-visual,.star-jar-result{order:1}.star-jar-tools{order:2}.star-jar-visual,.star-jar-scene{flex-direction:column;align-items:center;display:flex}.star-jar-visual{flex:1;justify-content:center;min-height:0;container-type:size}.star-jar-scene{width:100%}.star-jar-result{overscroll-behavior:contain;scrollbar-width:thin;flex:1;width:100%;max-width:34rem;min-height:0;margin:0 auto;padding:0 .25rem .5rem;overflow-y:auto}.star-jar-reading-title{text-align:center}.star-note-star{object-fit:contain;width:clamp(3.5rem,22svh - 5rem,10rem);height:auto;margin:clamp(.25rem,4svh - 1.25rem,1.5rem) auto;display:block}.star-note[data-star-color=ivory] .star-note-star{filter:drop-shadow(0 1px 2px color-mix(in srgb, var(--foreground) 18%, transparent))}.star-note[data-star-color=lotus] .star-note-star{width:clamp(5rem,22svh - 5rem,10rem);animation:.9s ease-out both star-lotus-reveal}@keyframes star-lotus-reveal{0%{opacity:.6;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.star-note-text{white-space:pre-line;overflow-wrap:anywhere;margin:0 0 1rem;font-size:clamp(1.25rem,min(2.2vw,3.4svh),1.75rem);line-height:1.7}.star-note-text[data-format=poem]{line-height:1.65}.star-note-credit{overflow-wrap:anywhere;line-height:1.65}.star-jar-page[data-reading] .star-jar-visual,.star-jar-page[data-busy] .star-jar-result,.star-jar-page[data-guiding] .star-jar-result{display:none}.star-jar-page[data-reading] .star-jar-result{animation:.42s ease-out both star-note-reveal}@keyframes star-note-reveal{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@media (width>=64rem){.star-jar-page:not([data-invalid-link]) .star-jar-content{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:stretch;gap:2rem;max-width:60rem;display:grid}.star-jar-visual,.star-jar-page[data-reading] .star-jar-visual{grid-area:1/1;width:100%;display:flex}.star-jar-entry,.star-jar-result{grid-area:1/2;align-self:center;min-width:0}.star-jar-page:not([data-invalid-link]) .star-jar-entry{flex-direction:column;gap:1.25rem;min-height:0;max-height:100%;display:flex}.star-jar-page:not([data-invalid-link]) .star-jar-tools{margin-top:0}.star-jar-page[data-busy] .star-jar-result,.star-jar-page[data-guiding] .star-jar-result{display:block}.star-jar-page[data-has-result] .star-jar-intro{display:none}}.star-jar-trigger{cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex:none;width:min(26.25rem,100cqw,66.6667cqh);margin:0;padding:0;display:block;position:relative}.star-jar-trigger:disabled{cursor:default}.star-jar-trigger[data-exhausted] .star-jar-image{opacity:.65}.star-jar-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:-3px}.star-jar-trigger.driver-active-element:focus-visible{outline:none}.star-jar-image{-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:50% 91.67%;width:100%;height:auto;display:block;transform:translate(0)rotate(0)}.star-jar-image[data-failed]{display:none}.star-jar-trigger[data-shaking] .star-jar-image{will-change:transform;animation:.92s cubic-bezier(.37,0,.63,1) both star-jar-shake}.star-jar-tap-hint{pointer-events:none;width:clamp(8rem,51.2vw,12rem);height:clamp(8rem,51.2vw,12rem);display:block;position:absolute;top:60%;left:74%;transform:translate(-40%,-40%)}@keyframes star-jar-shake{0%,to{transform:translate(0)rotate(0)}12%{transform:translate(-2px)rotate(-2.4deg)}27%{transform:translate(2px)rotate(2.2deg)}43%{transform:translate(-1.5px)rotate(-1.7deg)}59%{transform:translate(1px)rotate(1.15deg)}74%{transform:translate(-.5px)rotate(-.65deg)}88%{transform:translate(.25px)rotate(.25deg)}}@media (prefers-reduced-motion:reduce){.star-note[data-star-color=lotus] .star-note-star,.star-jar-page[data-reading] .star-jar-result{animation:none}.star-jar-trigger[data-shaking] .star-jar-image{will-change:auto;animation:none}}}@layer utilities{.star-jar-reading-title.page-title{font-size:clamp(1.25rem,3vw,2rem);line-height:1.35}}