.container--birthday-motifs{max-width:72rem}.birthday-motifs-intro{max-width:66rem}.birthday-motifs-panel{max-width:46rem;margin-inline:auto}.birthday-motifs-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:32rem;margin-inline:auto}.birthday-motifs-field label{display:block;margin-bottom:.35rem;color:var(--color-text);font-size:.78rem;font-weight:850}.birthday-motifs-field select{width:100%;min-width:0;padding:.78rem;border:1px solid var(--color-border-strong);border-radius:.58rem;background:var(--color-surface);color:var(--color-text);font:inherit}.birthday-motifs-field select:focus{border-color:var(--color-primary);outline:3px solid rgb(20 107 99 / 14%)}.birthday-motifs-field select:disabled{cursor:not-allowed;opacity:.6}.birthday-motifs-results{margin-top:1.1rem}.birthday-motifs-summary{margin:0 0 .8rem;color:var(--color-muted);font-weight:800;text-align:center}.birthday-motifs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.birthday-motifs-card{min-width:0;padding:1rem;border:1px solid var(--color-border);border-radius:.8rem;background:var(--color-surface);box-shadow:0 8px 22px rgb(16 66 61 / 6%)}.birthday-motifs-card h3{margin:0 0 .7rem;color:var(--color-primary-dark);font-size:1rem}.birthday-motifs-value{margin:0;color:var(--color-text);font-size:1.16rem;font-weight:900;overflow-wrap:anywhere}.birthday-motifs-label{display:block;margin-top:.65rem;color:var(--color-muted);font-size:.72rem;font-weight:850}.birthday-motifs-detail{margin:.18rem 0 0;color:var(--color-text);font-weight:750;overflow-wrap:anywhere}.birthday-motifs-source{margin:.8rem 0 0;padding-top:.55rem;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.7rem;font-weight:800}.birthday-motifs-variant{margin:.18rem 0 0;color:var(--color-muted);font-size:.7rem}.birthday-color-display{display:grid;grid-template-columns:3.25rem minmax(0,1fr);align-items:center;gap:.7rem}.birthday-color-swatch{display:block;width:3.25rem;aspect-ratio:1;border:1px solid var(--color-border-strong);border-radius:.65rem;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-position:0 0,0 .45rem,.45rem -.45rem,-.45rem 0;background-size:.9rem .9rem}.birthday-color-hex{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace}.birthday-motifs-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;max-width:32rem;margin:.9rem auto 0}.birthday-motifs-actions .button{width:100%;min-width:0}.birthday-motifs-actions .button:disabled{cursor:not-allowed;opacity:.5}.birthday-motifs-actions .button:focus-visible{outline:3px solid rgb(20 107 99 / 25%);outline-offset:2px}.birthday-motifs-status{min-height:1.5rem;margin-top:.55rem;text-align:center}.birthday-motifs-guide a{overflow-wrap:anywhere}.birthday-motifs-faq details{border-bottom:1px solid var(--color-border)}.birthday-motifs-faq summary{padding:.75rem 0;color:var(--color-primary-dark);cursor:pointer;font-weight:800}.birthday-motifs-faq details p{margin:0 0 .8rem}@media(max-width:52rem){.birthday-motifs-grid{grid-template-columns:1fr 1fr}.birthday-motifs-card--stones{grid-column:1/-1}}@media(max-width:36rem){.birthday-motifs-fields,.birthday-motifs-grid,.birthday-motifs-actions{grid-template-columns:1fr}.birthday-motifs-card--stones{grid-column:auto}}