.design-app{font-variant-numeric:tabular-nums;color:#18181b;font-size:.75rem;line-height:1.5}.design-app .main{width:100%;max-width:112.5rem;margin:0 auto;padding:1.5rem 1.375rem 5.625rem}.design-app .topbar{-webkit-backdrop-filter:blur(1.375rem)saturate(180%);backdrop-filter:blur(1.375rem)saturate(180%);z-index:40;background:#ffffffad;border:1px solid #ffffffd9;border-radius:1.75rem;gap:1.125rem;width:auto;max-width:none;height:3.25rem;margin:.75rem 1.375rem 0;padding:0 .875rem 0 1.125rem;display:flex;position:sticky;top:.75rem;box-shadow:inset 0 1px #fff,0 .75rem 2rem -.75rem #18181b38}.design-app .brand{white-space:nowrap;letter-spacing:-.3px;flex-shrink:0;gap:.5625rem;font-size:.8125rem}.design-app .brand img{border-radius:.375rem;width:1.1875rem;height:1.1875rem}.design-app .brand-light{color:inherit;font-weight:600}.design-app .desktop-nav{flex:1;justify-content:flex-start;gap:0;min-width:0;display:flex}.design-app .desktop-nav button{white-space:nowrap;color:#52525b;border-radius:1.375rem;padding:.5625rem .875rem;font-size:.75rem}.design-app .desktop-nav .active{color:#18181b;background:#fff;box-shadow:0 2px .5rem #18181b12}.design-app .avatar{background:#f4f4f5;border-radius:50%;flex-shrink:0;width:1.875rem;height:1.875rem;font-size:.8125rem}.design-app .demo-strip{color:#71717a;background:0 0;border:0;justify-content:flex-end;gap:.3125rem;max-width:112.5rem;min-height:0;margin:0 auto;padding:.4375rem 1.625rem 0;font-size:.625rem}.design-app .heading{margin-bottom:1rem}.design-app h1{letter-spacing:-.7px;margin:0 0 .375rem;font-size:1.4375rem;font-weight:650;line-height:1.3}.design-app h2{letter-spacing:-.2px;margin:0 0 .625rem;font-size:.875rem;font-weight:600;line-height:1.4}.design-app h3{margin:0 0 .3125rem;font-size:.8125rem}.design-app p{margin:0 0 .5rem}.design-app small{color:#71717a;font-size:.625rem}.design-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin:0 0 1.25rem;display:flex}.design-heading p{color:#71717a;max-width:65.625rem;font-size:.6875rem}.design-actions{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.design-panel{overflow-wrap:anywhere;background:#fff;border:1px solid #e9e9ed;border-radius:.8125rem;min-width:0;padding:1rem}.design-focus{-webkit-backdrop-filter:blur(1.25rem)saturate(175%);backdrop-filter:blur(1.25rem)saturate(175%);background:#ffffffc2;border:1px solid #ffffffdb;border-radius:1.5625rem;padding:1.375rem;box-shadow:inset 0 1px #fff,0 .1875rem .3125rem #18181b06,0 1.125rem 2rem -1.125rem #18181b50}.design-title{align-items:center;gap:.375rem;margin-bottom:1rem;font-size:.75rem;font-weight:550;display:flex}.design-title>small:last-child{margin-left:auto}.design-dot{border-radius:50%;flex:none;width:.375rem;height:.375rem;display:inline-block}.design-label{letter-spacing:.075em;text-transform:uppercase;color:#71717a;font-size:.5625rem}.design-number{letter-spacing:-.9px;margin:.3125rem 0;font-size:1.625rem;font-weight:650;line-height:1.25}.design-number small{letter-spacing:0;margin-left:.1875rem;font-size:.6875rem;font-weight:400}.design-metric{flex-direction:column;gap:.1875rem;min-height:9.25rem;display:flex}.design-metric-note{color:#71717a;min-height:1.5625rem;font-size:.6875rem}.design-metric .design-spark{margin-top:auto}.design-spark{width:100%;display:block;overflow:visible}.design-no-data{color:#a1a1aa;align-items:center;font-size:.6875rem;display:flex}.design-badge{white-space:normal;border-radius:1.25rem;align-items:center;gap:.25rem;padding:.1875rem .5625rem;font-size:.625rem;font-weight:550;line-height:1.3;display:inline-flex}.design-segments{background:#ffffffab;border:1px solid #fff9;border-radius:1.75rem;flex-wrap:wrap;align-items:center;gap:2px;max-width:100%;padding:.3125rem;display:inline-flex;box-shadow:inset 0 1px #fff,0 .5rem 1.25rem -.75rem #18181b40}.design-segments button{color:#71717a;border-radius:1.5rem;min-height:2rem;padding:.5rem 1.125rem;font-size:.6875rem;transition:all .25s}.design-segments .selected{color:#18181b;background:#fff;box-shadow:0 2px .4375rem #18181b15}.design-ring{flex-shrink:0;max-width:100%;position:relative}.design-ring>svg{width:100%;height:100%}.design-ring>div{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.design-ring strong{letter-spacing:-1.5px;font-size:2.5rem;line-height:1.15}.design-ring small{font-size:.625rem}.design-bars{align-items:stretch;gap:.625rem;min-height:9.375rem;display:flex}.design-bars button{flex-direction:column;flex:1;align-items:center;min-width:0;padding:0;font-size:.625rem;display:flex;opacity:1!important}.design-bars button>div{justify-content:center;align-items:flex-end;width:100%;height:7.8125rem;display:flex}.design-bars i{border-radius:.3125rem .3125rem 0 0;width:55%;max-width:2.75rem;min-height:2px;transition:height .3s;display:block}.design-bars small{margin-top:.5625rem}.design-app .primary{background:linear-gradient(#27b0ff,#09f);border-radius:1.5rem;gap:.375rem;min-height:2.375rem;padding:.625rem 1.125rem;font-size:.6875rem;box-shadow:inset 0 1px 1px #ffffffa8,0 .25rem .75rem #0099ff40}.design-app .secondary{background:#fafafa;border:1px solid #ededf0;border-radius:1.375rem;min-height:2.125rem;padding:.4375rem .9375rem;font-size:.6875rem}.design-app .text-button{font-size:.6875rem}.design-app .toolbar{gap:.625rem;margin:0 0 .875rem}.design-app .date-picker{background:#ffffff9c;min-height:2rem;padding:1px .3125rem;font-size:.6875rem}.design-app .quiet-button{font-size:.625rem}.design-app .footer{margin-top:1.75rem;font-size:.625rem}.design-app .card{border-radius:.8125rem;padding:1rem}.design-app .main>.two-columns{margin-top:1rem}.design-app .more-menu{z-index:61;width:20rem;top:5rem;bottom:auto;right:1.5rem}.design-app .menu-backdrop{z-index:60}.design-app dialog{left:var(--content-left,1.5rem);-webkit-backdrop-filter:blur(1.5rem);backdrop-filter:blur(1.5rem);background:#ffffffe0;border:1px solid #fff;border-radius:1.375rem;width:28.75rem;max-height:calc(100dvh - 6.75rem);margin:0;top:5.25rem}.design-app .mode-banner{margin-bottom:1rem;padding:.75rem 1rem}.design-app .heading .eyebrow{display:none}.design-app .heading p{color:#71717a;font-size:.75rem}.design-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.6875rem}.design-table th{color:#71717a;text-transform:uppercase;letter-spacing:.03em;text-align:left;background:#fafafa;padding:.625rem .5rem;font-size:.5625rem;font-weight:500}.design-table td{overflow-wrap:anywhere;border-top:1px solid #f4f4f5;padding:.6875rem .5rem}.design-table tr:hover td{background:#fafafa}.design-two{grid-template-columns:1.6fr 1fr;gap:1rem;display:grid}.design-section{margin-top:1rem}.design-legend{color:#71717a;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.625rem;display:flex}.design-legend>span{align-items:center;gap:.3125rem;display:flex}@media (min-width:1800px){.design-app .topbar{max-width:109.75rem;margin-left:auto;margin-right:auto}}@media (max-width:1200px){.design-app .desktop-nav button{padding:.5625rem .5rem;font-size:.6875rem}.design-app .topbar{gap:.625rem}.design-app .brand{font-size:.75rem}}@media (max-width:980px){.design-app .desktop-nav button{padding:.5rem .375rem;font-size:.625rem}.design-app .brand span{display:none}.design-app .topbar{margin:.625rem .875rem 0}.design-app .main{padding-left:.875rem;padding-right:.875rem}}@media (max-width:760px){.design-app .desktop-nav{display:none}.design-app .topbar{justify-content:space-between;height:3rem;margin:.5rem .625rem 0;padding:0 .875rem;top:.5rem}.design-app .brand span{display:inline}.design-app .main{padding:1rem .75rem 6.25rem}.design-app .demo-strip{justify-content:center;padding:.5rem .875rem 0;font-size:.5625rem}.design-app h1{font-size:1.3125rem}.design-heading{gap:.625rem;margin-bottom:.875rem}.design-heading p{font-size:.625rem}.design-panel{padding:.875rem}.design-focus{padding:1.125rem}.design-two{grid-template-columns:1fr}.design-segments button{min-height:2.25rem;padding:.5rem .75rem}.design-app .mobile-nav{-webkit-backdrop-filter:blur(1.375rem)saturate(180%);backdrop-filter:blur(1.375rem)saturate(180%);background:#ffffffc9;border:1px solid #fff;border-radius:2.125rem;width:auto;max-width:30rem;height:4.25rem;padding:.3125rem;bottom:.5rem;left:.625rem;right:.625rem;box-shadow:0 .75rem 2rem #18181b29}.design-app .mobile-nav button{border-radius:1.75rem;min-height:3.375rem}.design-app .mobile-nav .active{background:#fff;box-shadow:0 2px .375rem #18181b14}.design-app .more-menu{width:auto;max-height:75dvh;inset:auto .625rem 5.375rem;overflow-y:auto}.design-app dialog{width:auto;max-height:85dvh;inset:auto .5rem .5rem}.design-app .toolbar{flex-wrap:wrap}.design-app .date-picker{font-size:.625rem}.design-app .quiet-button{margin-left:auto}.design-table{font-size:.625rem}.design-table th,.design-table td{padding:.5625rem .25rem}}@media (prefers-reduced-motion:reduce){.design-app *{transition:none!important;animation:none!important}}.design-global-toolbar{opacity:.85;justify-content:flex-end}.design-global-toolbar .date-picker{margin-right:auto}.design-app .main>.card{margin-top:1rem}.design-app .desktop-nav{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.design-app .design-global-toolbar{display:none}.design-nav-date{color:#71717a;flex-shrink:0;align-items:center;gap:.375rem;font-size:.625rem;display:flex}.design-nav-date button{place-items:center;width:1.5rem;height:1.75rem;display:grid}.design-app .topbar{gap:.75rem}.design-app .main>.design-heading{margin-top:0}@media (max-width:1100px) and (min-width:761px){.design-nav-date{display:none}}.design-app{--glass-edge:#fffc;--glass-shadow:inset 0 1px 0 #fffffff2, inset 0 -1px 0 #18181b0a, 0 1px 2px #18181b0f, 0 .75rem 2rem -.75rem #18181b38;--glass-shadow-raised:inset 0 1px 0 #fff, inset 0 -1px 0 #18181b0a, 0 2px .25rem #18181b0f, 0 1.375rem 2.75rem -1rem #18181b47;--glass-selection-shadow:0 1px 2px #18181b14, 0 .25rem .75rem -.25rem #18181b2e;background:radial-gradient(51.25rem 23.75rem at 22% -8%,#0099ff21,#0000 70%),radial-gradient(40rem 20rem at 88% -4%,#a855f712,#0000 70%),radial-gradient(31.25rem 16.25rem at 60% 30%,#06b6d40d,#0000 70%),#f4f4f5;min-height:100dvh;display:flow-root}.design-app .topbar,.design-app .design-focus,.design-app .design-segments,.design-app .nt-date,.design-app .secondary,.design-app .nt-secondary,.design-app .vitals-secondary{border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(1.125rem)saturate(170%);backdrop-filter:blur(1.125rem)saturate(170%);box-shadow:var(--glass-shadow);background:#ffffffa8;transition:background .28s,box-shadow .28s,transform .28s cubic-bezier(.2,.8,.2,1)}.design-app .topbar{background:#fff9}.design-app .design-segments .selected,.design-app .desktop-nav .active,.design-app .mobile-nav .active{box-shadow:var(--glass-selection-shadow);background:#fffffff2}.design-app .design-ring svg{filter:drop-shadow(0 2px .25rem #18181b14)}.design-app .primary,.design-app .nt-primary,.design-app .vitals-add,.design-app .habits-primary,.design-app .wellness-primary{background:linear-gradient(#ffffff38,#fff0 60%),#09f;border:1px solid #ffffff59;box-shadow:inset 0 1px #ffffff59,0 1px 2px #0099ff4d,0 .5rem 1.25rem -.5rem #09f9}.design-app dialog,.design-app .more-menu{border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(1.5rem)saturate(180%);backdrop-filter:blur(1.5rem)saturate(180%);box-shadow:var(--glass-shadow), 0 1rem 2.5rem -.75rem #18181b2e;background:#fffc}@media (hover:hover){.design-app .design-focus:hover,.design-app .design-segments:hover,.design-app .nt-date:hover,.design-app .secondary:hover,.design-app .nt-secondary:hover,.design-app .vitals-secondary:hover{box-shadow:var(--glass-shadow-raised);background:#ffffffc7}}@media (max-width:760px){.design-app .mobile-nav{-webkit-backdrop-filter:blur(1.25rem)saturate(180%);backdrop-filter:blur(1.25rem)saturate(180%);background:#ffffffa8;border:1px solid #ffffffd9;box-shadow:inset 0 1px #fffffff2,0 1px 2px #18181b0f,0 .875rem 2.25rem -.75rem #18181b4d}}@media (min-width:761px){.design-app input:not([type=checkbox]):not([type=file]),.design-app select,.design-app textarea{border-color:#e4e4e7;min-height:2.5rem;font-size:.8125rem}}.optional-hint{color:#a1a1aa;margin-top:-.3125rem;font-size:.625rem;font-weight:400}@media (max-width:640px){.design-nav-date button{min-width:2.75rem;min-height:2.75rem}.design-segments button{min-height:2.5rem;padding-left:.875rem;padding-right:.875rem}.design-app .demo-strip,.design-app small,.design-heading p,.design-label,.design-number small,.design-metric-note,.design-no-data,.design-badge,.design-segments button,.design-ring small,.design-bars button,.design-app .primary,.design-app .secondary,.design-app .text-button,.design-app .date-picker,.design-app .quiet-button,.design-app .footer,.design-table,.design-table th,.design-legend,.design-app .desktop-nav button,.design-nav-date,.optional-hint{font-size:.8125rem}.design-app,.design-app .brand,.design-app .desktop-nav button,.design-app .avatar,.design-app h3,.design-title,.design-app .heading p{font-size:.875rem}}