.embed-body{background:transparent;margin:0;min-height:0}#lab{padding:4px 0;display:flow-root;min-width:0;max-width:100%}label{display:block;font-size:13px;font-weight:600}label output{float:right;color:var(--teal)}input,select{display:block;margin-top:6px}input[type=range]{margin-left:0;margin-right:0}fieldset{margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:12px;min-width:0}legend{font-size:14px;font-weight:700;padding:0 8px}.lab-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:16px}.lab-head h3{margin:8px 0 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.11em;color:var(--teal)}.badge{font-size:11px;line-height:1.6;background:var(--light);color:#355d54;border:1px solid #cbdcd6;border-radius:6px;padding:8px 12px;max-width:170px}.motion-state{font-size:12px;color:#425e5e;background:#edf2ee;padding:12px 14px;border-radius:8px;margin:16px 0 22px}.small{font-size:12px;line-height:1.7;color:var(--muted)}.filters{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:20px}.library{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.library summary{font-size:14px;border-radius:12px}#count{float:right;font-size:12px;color:var(--muted)}.gallery{padding:0 14px 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gallery button{text-align:left;padding:12px;min-width:0;line-height:1.4}.gallery strong{font-size:13px;display:block}.gallery small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.gallery button[aria-pressed=true]{background:var(--deep);border-color:var(--deep);color:white}.gallery button[aria-pressed=true] small{color:#d8e9e1}#empty{padding:16px}.effect-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.effect-head h4{margin:6px 0}.effect-head a{font-size:12px;white-space:nowrap}.stage{background-color:#edf2ee;background-image:linear-gradient(#d3e1d933 1px,transparent 1px),linear-gradient(90deg,#d3e1d933 1px,transparent 1px);background-size:24px 24px;border:1px solid #ccd9d3;border-radius:14px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:18px 20px;overflow:hidden;scroll-margin-top:16px}.stage-caption{font:11px/1.6 Consolas,monospace;color:#4b6463;text-align:center}#flow-slot{max-width:100%;padding:14px 0}number-flow{display:inline-block;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1;color:var(--deep)}#main-flow{font-size:68px}#measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font:700 68px/1.1 "Segoe UI",Arial,sans-serif;font-variant-numeric:tabular-nums;left:0;top:0;contain:layout;max-width:none}number-flow::part(suffix){font-weight:500}.status{font-size:13px;color:#425e5e;min-height:24px;margin:14px 0;overflow-wrap:anywhere}.pair,.controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}.controls{gap:20px}.playbar{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.playbar button{flex:1 1 auto}.checks{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}.checks label{display:flex;align-items:center;gap:8px;font-weight:500}.checks input{margin:0}.checks+p{margin:14px 0 0}.error{color:#92313b;background:#fff0ed;border:1px solid #e8b8b5;border-radius:8px;padding:12px;margin:14px 0;font-size:13px}.code-panel{border:1px solid var(--line);border-radius:10px;margin:22px 0}.code-panel>p,.code-panel>.playbar,.code-panel>label{margin:16px}.code-panel pre{margin:16px;background:#15363b;color:#e3f0e9;border-radius:8px;padding:18px;font-size:11px;max-height:460px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.code-panel textarea{font-size:11px}.credit{border-top:1px solid var(--line);padding-top:18px;font-size:11px;line-height:1.8;color:var(--muted)}.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.scenario{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff;min-width:0;overflow:hidden}.scenario h4{margin:8px 0 12px}.scenario .small:last-child{margin-bottom:0}.metric{min-width:0;max-width:100%;padding:5px 0}.metric number-flow{font-size:32px}.cart-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cart-line>span{font-size:12px;color:var(--muted)}.metrics-card{grid-column:1/-1}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metrics>div>span{font-size:12px;color:var(--muted)}.metrics-card button{margin:12px 0}.negative number-flow{color:#a13943}progress{width:100%;height:10px;accent-color:var(--teal);display:block;margin:12px 0}.clock{display:flex;justify-content:center;align-items:center;gap:12px;background:#edf2ee;border:1px solid #ccd9d3;border-radius:14px;padding:32px 12px;margin:22px 0 12px;font-variant-numeric:tabular-nums}.clock number-flow{font-size:clamp(52px,12vw,88px)}.colon{font-size:48px;line-height:1;color:var(--teal)}#clock-value{text-align:center}.aen-numberflow-embed{margin:24px 0 36px;min-width:0}.aen-numberflow-frame{display:block;width:100%;height:1800px;border:0;background:transparent}.aen-numberflow-fallback{font-size:12px;margin-top:10px}.scenario button[aria-pressed=true]{background:var(--deep);color:#fff;border-color:var(--deep)}
@media(max-width:1000px){.article-layout{grid-template-columns:1fr}.aside{display:none}.mobile-sections{display:block;position:fixed;right:16px;bottom:16px;z-index:20;background:var(--teal);color:#fff;border:1px solid #75a89e;box-shadow:0 4px 16px #123f4333;border-radius:40px;padding:12px 20px}.site-footer{padding-bottom:96px}}
@media(max-width:600px){.header-inner,.site-container{padding:20px 16px}.header-links{display:none}.lead{font-size:16px}.cover{border-radius:10px}.article-content .columns{grid-template-columns:1fr}.article-content th,.article-content td{padding:8px;font-size:12px}.lab-head{flex-direction:column;gap:12px}.lab-head h3{font-size:20px}.badge{max-width:none}.gallery{grid-template-columns:1fr 1fr;padding:0 10px 10px}.gallery button{min-height:76px}.filters{grid-template-columns:1fr}.effect-head{flex-direction:column;gap:8px}.stage{min-height:230px}.controls{gap:16px}.scenario-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metrics-card{grid-column:auto}.scenario{padding:18px}.code-panel pre{margin:10px;padding:12px}fieldset{padding:12px}.checks{gap:12px;flex-direction:column}}
@media(max-width:350px){.controls{grid-template-columns:1fr}.pair{gap:10px}.gallery strong{font-size:12px}.metric number-flow{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#measure{position:fixed;left:-10000px}.eyebrow,.badge,.gallery small,.stage-caption,.code-panel pre,.code-panel textarea,.credit{font-size:var(--xs)}