.chart-glimpse{margin:0 0 30px;border:1px solid #b49aab;border-left:4px solid #714663;border-radius:8px;background:linear-gradient(115deg,#f5e8ef,#fff8ed);color:#4b3342;padding:24px 28px;box-shadow:0 8px 28px #5138490c}
.chart-glimpse>summary{list-style:none}
.chart-glimpse>summary::-webkit-details-marker{display:none}
.glimpse-kicker{display:block;font:600 .875rem/1.4 var(--sans);letter-spacing:.09em;color:#714663;margin-bottom:8px}
.glimpse-invite{display:block;font:400 clamp(1.65rem,3vw,2.2rem)/1.15 var(--serif);letter-spacing:-.02em}
#glimpse-form .button{background:#613e59;color:#fff;border:1px solid #613e59;box-shadow:0 4px 12px #613e5922}
#glimpse-form .button:hover{background:#492d43}
.chart-glimpse>summary{cursor:pointer;font:500 1rem/1.4 var(--sans);min-height:24px}
.chart-glimpse p{font:400 1rem/1.5 var(--sans);margin:12px 0}
.chart-glimpse form{display:grid;grid-template-columns:minmax(190px,1fr) auto;align-items:end;gap:14px 12px;margin:18px 0}
.chart-glimpse label{display:grid;gap:7px;font-size:.875rem}
.chart-glimpse input{min-width:180px;max-width:100%;padding:10px;font:inherit;background:#fffaf7;border:1px solid #a78c9b;border-radius:4px;color:#392734;min-height:46px}
.chart-glimpse .button{min-height:46px;padding:12px 18px;font-size:1rem}
.glimpse-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}
.glimpse-facts section{border-top:1px solid #cbb8c2;padding-top:12px}
.glimpse-facts h3{font:400 1.6rem/1.2 var(--serif);margin:9px 0}
.glimpse-facts small{font-size:.875rem;color:#735568}
.chart-glimpse .glimpse-limit{font-size:.875rem;color:#725e69;line-height:1.5}
#glimpse-error{color:#8a2948}
#glimpse-error:empty{display:none}
#sample .chart-glimpse p{margin:10px 0;line-height:1.45}
#sample .chart-glimpse .glimpse-limit{font-size:.875rem;line-height:1.4;margin:12px 0}
#sample .glimpse-facts{margin-top:14px;gap:12px}
#sample .glimpse-facts section{padding:10px 0 0;margin:0;min-height:0}
#sample .glimpse-facts h3{margin:6px 0;font-size:1.5rem;line-height:1.2}
.glimpse-topic-field{grid-column:1/-1;margin:0;padding:0;border:0}
.glimpse-topic-field legend{display:grid;gap:3px;width:100%;margin:0 0 10px;padding:0;color:#392734}
.glimpse-topic-field legend span{font:600 .92rem/1.35 var(--sans)}
.glimpse-topic-field legend small{font:400 .83rem/1.4 var(--sans);color:#725e69}
.glimpse-topic-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.glimpse-topic-option{position:relative;min-height:48px;padding:10px 13px;border:1px solid #bda6b4;border-radius:999px;background:rgba(255,250,247,.68);color:#513849;font:650 .88rem/1.25 var(--sans);cursor:pointer;transition:transform 160ms ease,border-color 160ms ease,background 160ms ease,box-shadow 160ms ease,color 160ms ease}
.glimpse-topic-option:hover{transform:translateY(-1px);border-color:#76566b;background:#fffaf7}
.glimpse-topic-option[aria-pressed="true"]{border-color:#5b3a52;background:#5b3a52;color:#fffaf7;box-shadow:0 7px 18px rgba(81,56,73,.16)}
.chart-glimpse[data-glimpse-topic="love"] .glimpse-topic-option[aria-pressed="true"]{border-color:#9a5265;background:#86485a}
.chart-glimpse[data-glimpse-topic="work"] .glimpse-topic-option[aria-pressed="true"]{border-color:#8c6738;background:#73542f}
.chart-glimpse[data-glimpse-topic="life"] .glimpse-topic-option[aria-pressed="true"]{border-color:#416e61;background:#3f655b}
#sample .glimpse-portrait{padding:20px 0 12px;margin:0;min-height:0;border-top:1px solid #cbb8c2;background:none;box-shadow:none}
#sample .glimpse-portrait small{font:500 .875rem/1.4 var(--sans);color:#735568}
#sample .glimpse-portrait h3{font:400 clamp(1.7rem,3vw,2.25rem)/1.15 var(--serif);letter-spacing:-.02em;margin:10px 0 14px;max-width:28ch}
#sample .glimpse-portrait p{max-width:68ch;font-size:1rem;line-height:1.5}
#sample .glimpse-zodiac-angle{margin:18px 0 0;padding:16px 18px;border:1px solid #cbb8c2;border-radius:6px;background:#fffaf7}
#sample .glimpse-zodiac-angle span,#sample .glimpse-reflection span{display:block;font:600 .78rem/1.35 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:#735568;margin-bottom:6px}
#sample .glimpse-portrait #glimpse-topic-copy{font-weight:500;color:#513849;margin:0}
#sample .glimpse-reflection{margin:12px 0 4px;padding:16px 18px;border-radius:6px;background:#5b3a52;color:#fff9f4;box-shadow:0 8px 22px #51384918}
#sample .glimpse-reflection span{color:#e7d4df}
#sample .glimpse-reflection strong{display:block;font:400 clamp(1.12rem,2.2vw,1.35rem)/1.35 var(--serif);letter-spacing:-.01em}
#sample .glimpse-method{margin:14px 0;padding:0;border:0;background:none}
#sample .glimpse-method summary{font:400 .875rem/1.4 var(--sans);cursor:pointer;color:#725e69;padding:4px 0}
.glimpse-topic-option:focus-visible,.chart-glimpse summary:focus-visible{outline:2px solid #735568;outline-offset:4px}
@media(max-width:600px){.glimpse-facts{grid-template-columns:1fr;gap:10px}.chart-glimpse{padding:16px}.chart-glimpse form{grid-template-columns:1fr;align-items:stretch}.glimpse-topic-field{grid-column:auto}.glimpse-topic-options{grid-template-columns:1fr}.glimpse-topic-option{min-height:44px;text-align:left}.chart-glimpse label,.chart-glimpse form .button{width:100%}.chart-glimpse input{width:100%;box-sizing:border-box}#sample .glimpse-zodiac-angle,#sample .glimpse-reflection{padding:14px}}