.app-illustration{container-type:inline-size;background:var(--lav-100,#f0f3f6);color:var(--ink);padding:clamp(14px,2.5vw,30px);border:1px solid var(--line);border-radius:20px;font-family:var(--sans);font-size:14px;line-height:1.55;overflow:hidden}
.app-illustration *{box-sizing:border-box}.app-illustration h3{font-family:var(--sans);font-size:20px;line-height:1.3;margin:0 0 12px;color:var(--ink)}.app-illustration p{font-size:inherit;margin:10px 0;color:var(--ink-soft)}.ai-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.ai-head>span{letter-spacing:3px;font-size:12px;color:var(--gold-deep)}.ai-head>b{font-size:22px;line-height:1.3}.ai-head>small{margin-left:auto;color:var(--ink-soft);font-size:11px}.ai-panel,.ai-calendar,.ai-trend,.ai-metric{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}.ai-gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;background:var(--surface);border-radius:16px}.ai-gauge{text-align:center}.ai-dial{width:min(100%,190px);aspect-ratio:1;margin:auto;border-radius:50%;padding:10px;background:conic-gradient(var(--gold) var(--score),var(--lav-100) 0)}.ai-dial>div{height:100%;border-radius:50%;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px}.ai-dial strong{font-size:clamp(24px,5vw,54px);font-weight:500;color:var(--gold-deep)}.ai-gauge p{font-size:13px}.ai-info{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;margin:16px 0;background:var(--surface);padding:18px;border-radius:14px}.ai-info b{font-weight:500;color:var(--gold-deep)}.ai-measure{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0}.ai-measure strong,.ai-quick>span{padding:12px 20px;border-radius:12px;background:var(--gold-deep);color:white;font-weight:500}.ai-health{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ai-metric{padding:16px}.ai-metric>span{display:block;color:var(--ink-soft);font-size:12px}.ai-metric strong{display:block;font-size:28px;font-weight:500;color:var(--gold-deep);margin-top:6px;white-space:nowrap}.ai-metric small{font-size:11px;font-weight:400}.ai-three{grid-template-columns:repeat(3,1fr)}.ai-practices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.ai-symbol{display:inline-flex;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;background:var(--lav-100);color:var(--gold-deep);font-size:28px;margin-bottom:12px}.ai-companion header{display:flex;align-items:center;gap:14px}.ai-beta{margin-left:auto;color:var(--gold-deep);padding:5px 14px;border-radius:20px;background:var(--lav-100)}.ai-companion blockquote{margin:20px 0;padding:24px;border-radius:14px;background:var(--lav-100);font-size:clamp(18px,2.3vw,30px);line-height:1.5}.ai-companion small{color:var(--ink-soft)}.ai-report-top{display:flex;align-items:center;gap:16px;margin-bottom:16px}.ai-report-top img{width:28%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:16px}.ai-report-scores{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.ai-report-scores strong{font-size:44px}.ai-trend{margin-bottom:16px;padding:16px}.ai-trend svg{display:block;width:100%;color:var(--gold-deep)}.ai-times{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-soft)}.ai-tabs{display:flex;gap:10px;margin-bottom:16px}.ai-tabs span{flex:1;text-align:center;padding:10px 4px;background:var(--surface);border-radius:10px;font-size:12px}.ai-tabs .ai-active{background:var(--gold-deep);color:white}.ai-cycle-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ai-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center;margin-top:16px}.ai-days span{padding:5px 0;font-size:12px}.ai-days .ai-selected{outline:1px solid var(--gold);border-radius:50%;color:var(--gold-deep)}.ai-cycle-grid .ai-health{gap:6px}.ai-cycle-grid .ai-metric{padding:8px;border:0;background:var(--lav-100)}.ai-cycle-grid .ai-metric>span{font-size:10px}.ai-quick{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;font-size:12px}.ai-quick>span:last-child{color:var(--ink-soft);background:var(--surface)}.app-illustration .ai-disclaimer{text-align:center;font-size:11px;color:var(--ink-soft);margin:18px 0 0}.care-entry .app-illustration{margin-bottom:24px}.care-source .app-illustration{border:0;padding:0}.monitor-media .app-illustration{width:100%}
@container(max-width:650px){.ai-head>b{font-size:18px}.ai-cycle-grid{grid-template-columns:1fr}.ai-health:not(.ai-three){grid-template-columns:repeat(2,1fr)}.ai-info{grid-template-columns:1fr 1fr}.ai-metric strong{font-size:23px}.ai-report-scores strong{font-size:36px}.ai-metric{padding:12px}.ai-calendar{padding:16px}.ai-practices{gap:10px}.ai-panel{padding:16px}}
@container(max-width:360px){.ai-head>small{margin-left:0}.ai-practices{grid-template-columns:1fr}.ai-gauges{gap:8px;padding:10px}.ai-dial{padding:5px}.ai-dial span{font-size:10px}.ai-dial strong{font-size:28px}.ai-gauge p{font-size:11px}.ai-three{gap:6px}.ai-three .ai-metric{padding:8px}.ai-metric strong{font-size:20px}.ai-metric>span{font-size:10px}.ai-measure{flex-direction:column;align-items:stretch;text-align:center}.ai-tabs{gap:4px}.ai-tabs span{font-size:10px}.ai-quick{flex-wrap:wrap}.ai-quick>b{width:100%}.ai-companion blockquote{padding:16px;font-size:18px}.ai-report-scores{gap:6px}.ai-report-scores strong{font-size:30px}}