.age-result{text-align:center;padding:5px 0 27px;margin-bottom:28px;border-bottom:1px solid var(--line)}.age-result .eyebrow{margin-bottom:13px}.age-label{font-size:15px;color:var(--muted);margin:0}.age-number{display:flex;justify-content:center;align-items:baseline;gap:9px;color:var(--purple);margin:6px 0 12px}.age-number strong{font-size:clamp(80px,12vw,112px);font-weight:650;letter-spacing:-.06em;line-height:1.15;font-variant-numeric:tabular-nums}.age-number span{font-size:21px}.age-comparison{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--muted);margin:8px 0 15px}.age-comparison b{color:#5d4a72;font-weight:600}.result-pill{display:inline-block;background:#f1ebf7;color:#876a9d;border-radius:20px;font-size:10px;padding:6px 12px}.report-summary{font-size:15px;font-weight:400;color:#65576e;line-height:1.95}.tendency-track{height:5px;background:linear-gradient(90deg,#e8d9cd,#dcd0ed);border-radius:12px;position:relative;margin:0 6px}.tendency-dot{position:absolute;top:-3px;width:11px;height:11px;background:#87709e;border:2px solid white;border-radius:50%;box-shadow:0 1px 5px #68527730;transform:translateX(-50%)}.report-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 22px}.report-detail{padding:17px;border:1px solid #eee7f3;border-radius:13px;background:#fcfafc}.report-detail h3{font-size:13px;color:#62506f;margin:0 0 7px}.report-detail p,.result-explanation p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.result-explanation{border-top:1px solid var(--line);padding:14px 0;margin-top:20px}.result-explanation summary{font-size:12px;color:#887694;cursor:pointer}.result-explanation p{margin-top:10px}.report-card>h1{font-size:25px}.survey-card .sd-input{min-height:48px}.sources-page{max-width:760px;margin:40px auto;padding:24px;line-height:1.9}.sources-page h1{font-size:28px}.sources-page h2{font-size:19px}.sources-page p,.sources-page li{font-size:14px;color:var(--muted)}@media(max-width:650px){.age-result{padding-bottom:24px;margin-bottom:24px}.age-number strong{font-size:88px}.age-label{font-size:13px}.age-comparison{font-size:12px}.report-card>h1{font-size:23px}.report-summary{font-size:13px}.report-details{grid-template-columns:1fr;gap:10px}.report-detail{padding:15px}.distribution .bar-label{font-size:11px}.result-explanation p{font-size:11px}}
.report-section-title{font-size:14px;color:#665173;margin:26px 0 18px;font-weight:600}
.age-dialog{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;padding:26px;border-radius:23px}.age-dialog-heading{display:flex;align-items:center;gap:13px;margin-bottom:20px}.age-dialog-heading h2{font-size:21px;margin:0 0 4px}.age-dialog-heading p{font-size:12px;margin:0;color:var(--muted)}.age-dialog-icon{display:grid;place-items:center;width:44px;height:48px;background:linear-gradient(140deg,#ba81bc,#6f7ac5);color:white;font-size:32px;border-radius:13px}.age-dialog .age-dialog-note{background:#f6f2f9;padding:14px 16px;border-radius:13px;font-size:12px;line-height:1.9;margin:0 0 21px}.age-field-label{display:flex;justify-content:space-between;gap:8px;font-size:13px;align-items:center;margin-bottom:12px}.age-field-label label{font-weight:650}.age-field-label>span{font-size:11px;color:var(--muted)}.age-stepper{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;gap:10px}.age-adjust{border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--purple);font-size:28px;min-height:110px}.age-adjust:hover{background:#f5effa}.age-input-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f0f8;border-radius:16px;padding:10px}.age-input-wrap>span{font-size:11px;color:var(--muted)}#actual-age{width:100%;min-height:44px;border:0;background:transparent;text-align:center;font:650 36px system-ui;color:var(--purple);outline-offset:2px;-moz-appearance:textfield}#actual-age::-webkit-inner-spin-button,#actual-age::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.age-dialog .age-confirm-line{display:flex;justify-content:space-between;align-items:center;background:#f8f5fa;padding:14px 16px;border-radius:12px;font-size:12px;color:var(--muted);margin:16px 0 22px}.age-confirm-line strong{font-size:22px;color:var(--purple)}.age-dialog-actions{display:grid;gap:10px}.age-dialog-actions .button{width:100%}@media(max-width:360px){.age-dialog{padding:20px}.age-stepper{grid-template-columns:46px minmax(0,1fr) 46px;gap:8px}}
