.features-dialog{padding:0;border:0;background:transparent;max-width:620px;width:calc(100% - 20px);max-height:min(84vh,780px);margin:auto auto calc(var(--nav-height,64px) + 10px);overflow:visible;box-shadow:none}.features-dialog::backdrop{background:#071b1870;backdrop-filter:blur(4px)}.features-sheet{padding:10px 16px 20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 18px 65px #0004;max-height:inherit;overflow:auto}.features-handle{height:4px;width:34px;border-radius:3px;background:var(--line);margin:0 auto 16px}.features-sheet>header{display:flex;justify-content:space-between;align-items:center;padding:0 3px 17px}.features-sheet h2{font-size:24px}.features-sheet .eyebrow{font-size:9px;margin-bottom:4px}.features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.feature-card{--tone:#36896a;display:flex;align-items:center;position:relative;gap:9px;padding:14px 10px;min-width:0;min-height:81px;border:1px solid color-mix(in srgb,var(--tone) 28%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--tone) 11%,var(--surface)),var(--surface));border-radius:7px;transition:transform .18s,border-color .18s}.feature-card:hover{transform:translateY(-2px);border-color:var(--tone)}.feature-card>span:nth-child(2){min-width:0;display:grid;gap:3px}.feature-card strong{font-size:13px;line-height:1.2;color:var(--ink)}.feature-card small{font-size:10px;line-height:1.3;color:var(--muted)}.feature-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:7px;color:color-mix(in srgb,var(--tone) 80%,var(--ink));background:color-mix(in srgb,var(--tone) 15%,var(--surface))}.feature-icon svg{width:23px;height:23px}.feature-arrow{display:none}.feature-card[data-feature=weighins]{--tone:#468ac2}.feature-card[data-feature=automations]{--tone:#c28a2b}.feature-card[data-feature=reports]{--tone:#7864bd}.feature-card[data-feature=tdee]{--tone:#df7c42}.feature-card[data-feature=measurements]{--tone:#ae629c}.feature-card[data-feature=widgets]{--tone:#409b9e}.feature-card[data-feature=assistant]{--tone:#cf8b34}.features-content{display:grid;gap:18px}.feature-panel{padding:22px;min-width:0}.feature-panel h2{margin-bottom:15px}.feature-form{display:grid;gap:18px}.feature-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.feature-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-filter{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px}.feature-filter label{min-width:110px;flex:1}.feature-result{display:flex;gap:25px;align-items:center;flex-wrap:wrap;padding:22px;background:var(--surface-alt);border:1px solid var(--line);border-radius:7px}.feature-result strong{font-size:30px;display:block;color:var(--accent)}.feature-result small{display:block}.feature-actions{display:flex;gap:8px;flex-wrap:wrap}.feature-days{display:flex;gap:8px;flex-wrap:wrap}.feature-days label{flex-direction:row;align-items:center;padding:7px;background:var(--surface-alt);border-radius:4px}.feature-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.feature-photo-grid figure{margin:0;display:grid;gap:6px}.feature-photo-grid img{width:100%;height:135px;object-fit:cover;border-radius:5px}.feature-photo-grid a{display:block}.step-target-progress{width:100%;height:9px;accent-color:var(--accent)}.step-target-summary{font-size:12px;color:var(--muted)}.app-floating-save.in-dialog{z-index:200;bottom:auto;right:auto}.features-content .fit-table-scroll{max-height:430px}@media(max-width:600px){.feature-panel{padding:18px 13px}.feature-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.features-dialog{width:calc(100% - 12px);margin-bottom:calc(var(--nav-height,64px) + 5px)}.features-sheet{padding:8px 10px 14px}.feature-card{gap:7px;padding:12px 8px}.feature-card strong{font-size:12px}.feature-card small{font-size:9px}.feature-icon{width:27px;height:31px}.feature-icon svg{width:21px;height:21px}.features-grid{gap:7px}.feature-result{gap:15px;padding:16px}.feature-result strong{font-size:26px}}
