.share-page{min-height:100vh;max-width:1080px;margin:0 auto;padding:3rem 1.5rem 4rem;display:flex;flex-direction:column;gap:2.5rem;background:var(--background-color);color:var(--text-color);font-family:var(--font-family-primary)}.share-header{display:flex;flex-direction:column;gap:.5rem}.share-eyebrow{margin:0;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--primary-color);opacity:.85}.share-title{margin:0;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.15}.share-view-label{margin:0;font-size:.95rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted)}.share-description{margin:0;max-width:64ch;color:var(--text-muted);line-height:1.55}.share-panel-summary{gap:0}.share-summary-lead{margin:0;max-width:68ch;font-size:1.05rem;line-height:1.65;color:var(--text-color)}.share-summary-lead p{margin:0 0 .85em}.share-summary-lead p:last-child,.share-summary-lead ul:last-child,.share-summary-lead ol:last-child{margin-bottom:0}.share-summary-lead ul,.share-summary-lead ol{margin:0 0 .85em;padding-left:1.25em}.share-summary-lead li{margin-bottom:.35em}.share-summary-lead strong{color:var(--text-bright);font-weight:600}.share-panel{display:flex;flex-direction:column;gap:1rem}.share-panel-title{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:.02em;color:var(--text-color)}.share-panel-disclosure{display:flex;flex-direction:column;gap:1rem}.share-panel-heading{display:flex;align-items:center;gap:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.share-panel-heading::-webkit-details-marker{display:none}.share-panel-heading:after{content:"";width:7px;height:7px;border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);transform:rotate(45deg) translateY(-2px);transition:transform .15s ease;flex-shrink:0}.share-panel-disclosure:not([open])>.share-panel-heading:after{transform:rotate(-45deg)}.share-panel-heading:hover .share-panel-title{color:var(--primary-color, #33ff33)}.share-panel-flow .share-flow-container{height:min(62vh,560px);min-height:360px;border:1px solid var(--border-color-faint, rgba(255, 255, 255, .08));border-radius:var(--border-radius, 8px);overflow:hidden}.share-metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.share-metric-family-title{margin:0 0 .6rem;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.share-metric-grid+.share-metric-family-title{margin-top:1.4rem}.share-metric-card,.share-goal-card{position:relative;padding:1rem;border:1px solid var(--border-color-faint, rgba(255, 255, 255, .08));border-radius:var(--border-radius, 8px);background:var(--background-color-light, rgba(255, 255, 255, .02));display:flex;flex-direction:column;gap:.75rem}.share-metric-recent summary{cursor:pointer;font-size:.8rem;color:var(--text-muted);-webkit-user-select:none;user-select:none}.share-metric-recent[open] summary{margin-bottom:.5rem}.share-metric-recent-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.3rem}.share-recent-main{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem;line-height:1.4}.share-metric-recent-list .share-obs-tags{margin-top:.15rem}.share-recent-date{color:var(--text-muted)}.share-recent-value{font-variant-numeric:tabular-nums;color:var(--text-color)}.share-obs-log{border:1px solid var(--border-color-faint, rgba(255, 255, 255, .08));border-radius:var(--border-radius, 8px);background:var(--background-color-light, rgba(255, 255, 255, .02));overflow:hidden}.share-obs-group+.share-obs-group{border-top:1px solid var(--border-color-faint, rgba(255, 255, 255, .08))}.share-obs-group-date{margin:0;padding:.5rem 1rem .35rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-variant-numeric:tabular-nums}.share-obs-rows{margin:0;padding:0 0 .45rem;list-style:none}.share-obs-row{padding:.35rem 1rem}.share-obs-main{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:.9rem;line-height:1.4}.share-obs-metric{color:var(--text-color);min-width:0;overflow-wrap:anywhere}.share-obs-value{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-color);white-space:nowrap}.share-obs-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.25rem}.share-obs-tag{font-size:.72rem;line-height:1.3;padding:.1rem .45rem;border-radius:999px;color:var(--text-muted);background:var(--background-color-lighter, rgba(255, 255, 255, .05));border:1px solid var(--border-color-faint, rgba(255, 255, 255, .06))}.share-metric-header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.share-metric-name{font-weight:600;font-size:.95rem}.share-metric-family{font-size:.75rem;color:var(--text-muted)}.share-goal-list{display:flex;flex-direction:column;gap:1rem}.share-goal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.share-goal-title{font-weight:600;font-size:.95rem}.share-goal-status{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--border-color-faint, rgba(255, 255, 255, .15));color:var(--text-muted);white-space:nowrap}.share-goal-status-open{color:var(--primary-color);border-color:var(--primary-color-dim, var(--primary-color))}.share-goal-status-hit{color:#3f3;border-color:#3f36}.share-goal-status-missed{color:#ff5151;border-color:#ff515166}.share-goal-meta{margin:0;font-size:.82rem;color:var(--text-muted);line-height:1.5}.share-footer{margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color-faint, rgba(255, 255, 255, .08));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.share-attribution{margin:0;font-size:.85rem;color:var(--text-muted);max-width:52ch;line-height:1.5}.share-brand{color:var(--primary-color);text-decoration:none;font-weight:600}.share-brand:hover{text-decoration:underline}.share-cta{display:inline-block;padding:.55rem 1.1rem;border-radius:var(--border-radius, 8px);border:1px solid var(--primary-color);color:var(--primary-color);text-decoration:none;font-size:.85rem;font-weight:600;letter-spacing:.03em;transition:background var(--transition-speed, .2s) var(--transition-timing, ease);white-space:nowrap}.share-cta:hover{background:var(--primary-color-ultra-faint, rgba(51, 255, 51, .08))}.share-details-totals{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 1.25rem}.share-details-total{display:flex;flex-direction:column;gap:.2rem;padding:.7rem 1rem;border:1px solid var(--primary-color-faint, rgba(51, 255, 51, .25));border-radius:var(--border-radius, 8px);background:var(--primary-color-ultra-faint, rgba(51, 255, 51, .05))}.share-details-total dt{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.share-details-total dd{margin:0;font-size:1.15rem;font-weight:700;color:var(--primary-color)}.share-details-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.share-details-group{padding:.9rem 1rem;border:1px solid var(--border-color-faint, rgba(255, 255, 255, .1));border-radius:var(--border-radius, 8px);background:var(--background-color-dark, rgba(0, 0, 0, .18))}.share-details-node{margin:0 0 .6rem;font-size:.85rem;font-weight:600;line-height:1.4}.share-details-rows{display:flex;flex-direction:column;gap:.35rem;margin:0}.share-details-row{display:flex;justify-content:space-between;gap:.75rem;font-size:.8rem;line-height:1.45}.share-details-row dt{flex-shrink:0;color:var(--text-muted)}.share-details-row dd{margin:0;text-align:right;overflow-wrap:anywhere}@media (max-width: 768px){.share-page{padding:2rem 1rem 3rem;gap:2rem}.share-panel-flow .share-flow-container{height:55vh;min-height:300px}}
