.generator{box-shadow:none;padding:var(--tile-padding)}.generator legend{font-family:var(--display);font-size:var(--type-tile);font-weight:600;line-height:1.4;margin-bottom:24px}.generator form{min-height:416px}.generator .text-button{margin-top:16px}.stepper{list-style:none;padding:0;display:flex;margin:24px 0 32px}.stepper li{display:flex;align-items:center}.stepper li+li:before{content:"";height:1px;background:var(--line)}.stepper span{display:grid;place-items:center;height:32px;width:32px;border:1px solid var(--line);border-radius:50%;font-size:1rem;color:var(--muted)}.stepper [aria-current] span{background:var(--jade);color:var(--on-accent);border-color:var(--jade)}.energy-bars{margin:24px 0}.energy-row{display:grid;grid-template-columns:64px minmax(0,1fr) 24px;align-items:center;gap:12px;margin:16px 0;font-size:1rem}.energy-row meter{width:100%;height:12px;appearance:none;background:var(--surface-2);border-radius:999px}.energy-row meter::-webkit-meter-bar{background:var(--surface-2);border:0;border-radius:999px}.energy-row meter::-webkit-meter-optimum-value{background:var(--element-colour);border-radius:999px}.energy-row meter::-moz-meter-bar{background:var(--element-colour);border-radius:999px}.character{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--tile-padding)}.result-heading{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.result-seal .seal{width:64px;height:64px;font-size:3rem;border-radius:12px}.result-heading h2{font-size:var(--type-section);margin-bottom:0}.character .lead{color:var(--ink)}.result-stats{margin:32px 0;padding:24px 0;border-block:1px solid var(--line);grid-template-columns:1fr}.two-columns{display:grid;gap:24px}.action-bar{margin-top:24px;background:var(--surface);padding:12px 0;border-top:1px solid var(--line)}.action-bar button{flex:1 1 auto}.action-bar .text-button{font-size:1rem;min-height:48px}.profile-expand .character{margin-top:24px}.profile-expand .action-bar{position:static}@media(min-width:640px){.stats.hero-stats,.affliction-stats,.result-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.generator form{min-height:344px}.result-stats .stat-value{font-size:1.875rem}}.character .two-columns>section>h3{font-family:var(--display);font-size:var(--type-tile);font-weight:600}.stepper{gap:8px}.stepper li{gap:8px}.stepper li+li:before{width:16px}.action-bar button{min-width:0;max-width:100%;overflow-wrap:normal}.action-bar #share-card,.action-bar #save-profile{flex:1 1 calc(50% - 4px);padding-inline:12px}.hub-grid{display:grid;gap:16px}.hub-grid{margin:32px 0 64px}.hub-grid h2{font-size:var(--type-tile);margin:24px 0 12px}.hub-grid .link-card{min-height:224px}.hub-grid .icon{margin-top:auto}.section-tabs{display:flex;gap:8px;overflow-x:auto;position:sticky;top:var(--header-height);z-index:15;background:var(--paper);border-block:1px solid var(--line);padding:8px;margin:24px 0;scrollbar-width:thin}.section-tabs a{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 16px;text-decoration:none;border:1px solid var(--line);border-radius:8px;font-size:1rem;white-space:nowrap}.section-tabs [aria-selected=true]{background:var(--jade);color:var(--on-accent)}.result-panel{scroll-margin-top:144px}.tools-hub{margin-bottom:0}@media(min-width:768px){.year-hub{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-hub{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=home] .page-section{margin-top:64px}body[data-page=home] .section-header{margin-bottom:24px}}@media(min-width:1024px){.tools-hub{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:767px){.section-tabs{margin-inline:-12px;padding-inline:12px}.action-bar{gap:4px}.action-bar button{padding:8px;font-size:1rem;min-height:48px}.action-bar #open-my-day{flex:1 1 100%}.action-bar #share-card,.action-bar #save-profile{flex:1 1 calc(50% - 4px)}.action-bar .text-button{flex:1 1 calc(50% - 4px)}}.bracelet-card{margin:36px 0}.bracelet-card h2{font:600 var(--type-tile)/1.3 var(--display)}.bracelet-choice{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:16px;margin:20px 0}.bracelet-choice>h3{grid-column:1/-1;font-size:1.25rem}.bracelet-choice h4{font-size:1rem;margin-bottom:8px}.bracelet-choice p{overflow-wrap:normal}.bracelet-ring{width:100%;max-width:200px;height:auto}.bracelet-choice h3{font-size:var(--type-tile)}@media(min-width:640px){.bracelet-choice{grid-template-columns:180px minmax(0,1fr)}}@media(max-width:479px){.bracelet-choice{grid-template-columns:minmax(0,1fr)}.bracelet-ring{justify-self:center;max-width:156px}}.birth-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.birth-selects label{min-width:0;margin:0}.birth-selects select{width:100%;min-height:52px;padding:8px 4px;margin:4px 0 12px;font-size:1.125rem}#time-selects{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.choice-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:12px;margin:12px 0 24px}.choice-cards button{min-height:64px;min-width:48px;padding:16px 12px;overflow-wrap:normal;font-size:1.125rem}.generator h2{display:none}.generator form{min-height:0}.generator legend{margin-bottom:12px}.generator .stepper{margin:12px 0 16px}.personalise-options{margin:16px 0}.personalise-options summary{font-size:1.125rem}.action-bar{position:static}.result-seal .seal{width:1.8em;height:1.8em}.action-bar #share-card,.action-bar #save-profile{flex:1 1 100%}@media(max-width:639px){.generator{padding:var(--tile-padding)}.section-tabs{top:var(--header-height)}.energy-row{grid-template-columns:80px minmax(0,1fr) 32px}}