@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#0f2d33;--ink-soft:#4a656b;--paper:#fbfcfb;--line:#d6e0e1;--wash:#edf3f3;--stage-a:#f4f8f8;--stage-b:#cbdadd;--pain:#e0304f;--lengthen:#14a3a8;--strengthen:#f0a020;--display:"Bricolage Grotesque Variable", system-ui, sans-serif;--body:"Instrument Sans Variable", system-ui, sans-serif;--radius:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-size:16px;line-height:1.5}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2.5px solid var(--ink);outline-offset:2px}.app{flex-direction:column;height:100dvh;display:flex}.stage{background:radial-gradient(ellipse at 50% 42%, var(--stage-a), var(--stage-b));flex:0 0 46dvh;min-height:260px;position:relative;overflow:hidden}.panel{min-height:0;padding:18px 16px calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}@media (width>=900px){.app{flex-direction:row-reverse}.stage{flex:1;min-width:0}.panel{border-top:0;border-right:1px solid var(--line);flex:0 0 440px;padding:28px 28px 40px}}.stage-canvas{touch-action:none;position:absolute;inset:0}.stage-canvas canvas{cursor:grab;display:block}.stage-top,.stage-bottom{pointer-events:none;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex;position:absolute;left:0;right:0}.stage-top{top:env(safe-area-inset-top);align-items:flex-start}.stage-bottom{bottom:0}.stage-top>*,.stage-bottom>*{pointer-events:auto}.brand{pointer-events:none;flex-direction:column;line-height:1.15;display:flex}.brand strong{font-family:var(--display);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.brand span{color:var(--ink-soft);font-size:.82rem}.stage-status{text-align:center;color:var(--ink-soft);pointer-events:none;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.legend{pointer-events:none;margin:0;padding:0;font-size:.8rem;font-weight:550;list-style:none;position:absolute;bottom:62px;left:14px}.legend li{align-items:center;gap:7px;padding:2px 0;display:flex}.legend i,.chips i{border-radius:50%;flex:none;width:12px;height:12px}.tip{background:var(--ink);color:#fff;pointer-events:none;z-index:5;white-space:nowrap;border-radius:7px;padding:4px 9px;font-size:.82rem;position:fixed;transform:translate(12px,14px)}.btn{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#ffffffdb;border-radius:999px;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-solid{background:var(--ink);border-color:var(--ink);color:#fff}.seg{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffdb;border-radius:999px;padding:3px;display:flex}.seg button{background:0 0;border:0;border-radius:999px;min-height:34px;padding:0 12px;font-size:.86rem;font-weight:600}.seg button[aria-pressed=true]{background:var(--ink);color:#fff}.layers{position:relative}.layers-pop{border:1px solid var(--line);border-radius:var(--radius);z-index:4;background:#fff;width:220px;padding:10px 12px;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 10px 30px #0f2d3329}.layers-pop label{align-items:center;gap:10px;min-height:36px;font-size:.92rem;display:flex}.layers-pop input{width:18px;height:18px;accent-color:var(--ink)}.layers-pop p{color:var(--ink-soft);margin:6px 0 2px;font-size:.78rem}.panel h1{font-family:var(--display);letter-spacing:-.025em;text-wrap:balance;margin:6px 0 10px;font-size:1.7rem;font-weight:700;line-height:1.12}.panel h2{font-family:var(--display);letter-spacing:-.01em;margin:26px 0 8px;font-size:1.02rem;font-weight:650}.panel p{max-width:62ch;margin:0 0 10px}.lede{color:var(--ink-soft)}article .lede{color:var(--ink);font-size:1.04rem}.fine{color:var(--ink-soft);font-size:.82rem}.callout{border-left:3px solid var(--strengthen);background:#fdf5e4;border-radius:0 8px 8px 0;padding:10px 12px;font-size:.93rem}.tabs{background:var(--wash);border-radius:999px;gap:4px;margin-bottom:14px;padding:4px;display:flex}.tabs button{min-height:40px;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;flex:1;font-size:.9rem;font-weight:600}.tabs button[aria-selected=true]{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0f2d3324}.back{background:var(--wash);border:0;border-radius:999px;min-height:40px;margin-left:-4px;padding:0 14px 0 10px;font-size:.9rem;font-weight:600}.rows{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.rows li{border-bottom:1px solid var(--line)}.rows button{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 2px;display:flex}.rows button:hover b{text-underline-offset:3px;text-decoration:underline}.rows span{flex-direction:column;flex:1;min-width:0;display:flex}.rows b{font-weight:600}.rows small{color:var(--ink-soft);font-size:.86rem}.chev{color:var(--ink-soft);flex:none}.kind{flex:none;margin:0;font-size:.78rem;font-style:normal;font-weight:650}p.kind{margin-top:14px}.kind-lengthen{color:#0d7d81}.kind-strengthen{color:#a66400}.steps{margin:0;padding-left:1.3em}.steps li{padding:3px 0 3px 4px}.steps li::marker{font-family:var(--display);font-weight:700}.dose{background:var(--wash);border-radius:8px;padding:10px 12px;margin-top:12px!important}.dose b{margin-right:8px}.flags{border:1px solid var(--line);border-radius:var(--radius);margin-top:26px;padding:0 14px}.flags summary{cursor:pointer;align-items:center;min-height:48px;font-weight:600;display:flex}.flags summary:before{content:"!";background:var(--pain);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:10px;font-size:.8rem;font-weight:700;display:inline-grid}.flags ul{margin:0 0 10px;padding-left:1.2em}.flags li{padding:2px 0}.note{border-radius:var(--radius);background:var(--ink);color:#fff;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 8px 12px 14px;display:flex}.note div{flex:1;min-width:0}.note b{opacity:.75;font-size:.82rem;font-weight:600}.note p{overflow-wrap:anywhere;margin:2px 0 0}.icon-btn{width:36px;height:36px;color:inherit;background:0 0;border:0;border-radius:50%;flex:none;font-size:1.4rem;line-height:1}.note .icon-btn:focus-visible{outline-color:#fff}.foot{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:40px;padding-top:14px;font-size:.78rem}.foot a{color:inherit}.share{width:min(460px,100vw - 24px);color:var(--ink);border:0;border-radius:20px;padding:22px;box-shadow:0 24px 70px #0f2d334d}.share::backdrop{background:#0f2d3373}.share h1{font-family:var(--display);letter-spacing:-.02em;margin:0 0 6px;font-size:1.4rem}.share p{margin:0 0 14px}.share label{font-size:.9rem;font-weight:600;display:block}.share textarea,.share-url{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;margin-top:6px;padding:10px 12px;font-size:1rem;font-weight:400;display:block}.share textarea{resize:vertical}.share-url{background:var(--wash);color:var(--ink-soft);margin:12px 0 8px;font-size:.86rem}.share-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.share-actions span{color:#0d7d81;flex:1;min-width:100%;min-height:1.4em;font-size:.88rem;font-weight:600}@media (width<=420px){.seg button{padding:0 9px}.brand span{display:none}}