.gloss-page{--box-pad-y: 1.5rem;--box-pad-x: 2rem}html{scroll-behavior:smooth}.gloss-intro{max-width:46rem}.gloss-lead{margin:.9rem 0 0;color:var(--muted-foreground);font-size:var(--fs-l);line-height:var(--lh-mid)}.gloss-lead code,.gloss-desc code,.gloss-say code,.gloss-swatch-name code,.gloss-demo-note code{font-family:var(--font-mono);font-size:.75em;background:var(--muted);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:.05rem .3rem;margin-inline:.25rem}.gloss-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.gloss-stat{font-size:var(--fs-s);color:var(--muted-foreground);border:1px solid var(--rule);background:var(--paper);border-radius:var(--radius-pill);padding:.35rem .9rem;white-space:nowrap}.gloss-stat b{color:var(--ink);font-family:var(--font-en);font-variant-numeric:tabular-nums}.gloss-toc{position:sticky;top:var(--header-h);z-index:10;display:flex;gap:.5rem;flex-wrap:wrap;padding:.5rem 0;background:color-mix(in srgb,var(--background) 94%,transparent);backdrop-filter:blur(14px)}.gloss-toc a{border:1px solid var(--rule);background:var(--paper);color:var(--muted-foreground);font-size:var(--fs-s);font-weight:var(--fw-semibold);border-radius:var(--radius-pill);padding:.4rem 1rem;text-decoration:none;white-space:nowrap;transition:color var(--dur-base) var(--ease-out-soft),border-color var(--dur-base) var(--ease-out-soft)}.gloss-toc a:hover{color:var(--ink);border-color:var(--ink)}.gloss-section{scroll-margin-top:calc(var(--header-h) + 3.25rem)}.gloss-sechead h2{font-family:var(--font-en);font-size:2rem;margin:0 0 .4rem}.gloss-sechead p{max-width:46rem;margin:0;color:var(--muted-foreground)}.gloss-cards{display:grid;gap:1rem;margin-top:1.2rem}.gloss-card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:var(--box-pad-y) var(--box-pad-x);scroll-margin-top:calc(var(--header-h) + 3.25rem)}.gloss-cardhead{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.gloss-cardhead h3{font-family:var(--font-en);font-size:1.5rem;font-weight:var(--fw-bold);margin:0}.gloss-en{font-family:var(--font-mono);font-size:.75em;line-height:1;color:var(--muted-foreground);background:var(--muted);border:1px solid var(--rule);border-radius:var(--radius-pill);padding:.3rem .6rem;white-space:nowrap}.gloss-oneline{margin:.5rem 0 0;font-size:var(--fs-m);font-weight:var(--fw-semibold)}.gloss-desc{margin:.9rem 0 0;color:var(--muted-foreground);font-size:var(--fs-m);line-height:var(--lh-body)}.gloss-desc b{color:var(--ink)}.gloss-demo{margin-top:.9rem;border:1px solid var(--rule);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--muted) 45%,transparent);padding:1rem;display:grid;gap:.7rem;justify-items:start}.gloss-demo-hint{margin:0;font-size:var(--fs-s);color:var(--muted-2)}.gloss-demo-note{margin:0;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-say{margin-top:.9rem;padding:.8rem 1rem;border:1px solid var(--rule);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--muted) 55%,transparent)}.gloss-say-label{display:block;margin:0 0 .35rem;font-size:var(--fs-s);font-weight:var(--fw-semibold);color:var(--accent-deep)}.gloss-say-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.gloss-say-text{margin:0;flex:1 1 12rem;font-size:var(--fs-m);line-height:var(--lh-ui)}.gloss-copy{flex:none;border:1px solid var(--rule);background:var(--paper);color:var(--ink);font:inherit;font-size:var(--fs-s);border-radius:var(--radius-sm);padding:.3rem .8rem;cursor:pointer;transition:border-color var(--dur-base) var(--ease-out-soft),color var(--dur-base) var(--ease-out-soft)}.gloss-copy:hover{border-color:var(--accent-strong);color:var(--accent-deep)}.gloss-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);background:transparent;color:var(--ink);font:inherit;font-size:var(--fs-s);font-weight:var(--fw-semibold);border-radius:var(--radius-pill);min-height:var(--size-touch-control);padding:0 1.25rem;cursor:pointer;transition:background-color var(--dur-base) var(--ease-out-soft),color var(--dur-base) var(--ease-out-soft)}.gloss-btn:hover{background:var(--ink);color:var(--bg)}.gloss-btn:active{transform:scale(var(--press))}.gloss-btn--primary{background:var(--accent);border-color:var(--accent-strong);color:var(--accent-foreground)}.gloss-btn--primary:hover{background:var(--accent-strong);color:var(--accent-foreground)}.gloss-link{color:var(--accent-deep);text-decoration:underline;text-underline-offset:.2em}.gloss-btnrow .gloss-link{margin-left:.4rem}.gloss-slider{display:flex;align-items:center;gap:.6rem;width:100%;max-width:26rem;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-slider input[type=range]{flex:1;accent-color:var(--accent);min-width:8rem}.gloss-slider output{font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-width:3.5rem;text-align:right;color:var(--ink);font-size:var(--fs-s)}.gloss-pw-screen{width:100%;border:1px dashed var(--rule);border-radius:var(--radius-sm);padding:1rem;display:grid;justify-items:center}.gloss-pw-inner{width:min(100%,24rem);background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:.6rem .8rem;font-size:var(--fs-s);color:var(--muted-foreground);text-align:center}.gloss-padbox{--demo-pad: 16px;width:100%;max-width:26rem;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:var(--demo-pad)}.gloss-padbox-body{border:1px dashed var(--rule);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--muted) 40%,transparent);padding:.5rem .7rem;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-marframe{--demo-mar: 8px;width:100%;max-width:26rem;border:1px dashed var(--rule);border-radius:var(--radius-sm);display:flow-root}.gloss-marbox{margin:var(--demo-mar);background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:.8rem 1rem;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-gaprow{--demo-gap: 8px;display:flex;flex-wrap:wrap;gap:var(--demo-gap)}.gloss-gapitem{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:.5rem .9rem;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-radiusbox{--demo-rad: 12px;width:100%;max-width:26rem;background:var(--paper);border:1px solid var(--muted-2);border-radius:var(--demo-rad);padding:1rem;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-flow3{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%}.gloss-flow3 span{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-sm);min-height:3.5rem;display:grid;place-items:center;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-bp-track{position:relative;display:flex;width:100%;height:2.75rem;border:1px solid var(--rule);border-radius:var(--radius-sm);overflow:hidden}.gloss-bp-zone{display:grid;place-items:center;font-size:var(--fs-s);color:var(--muted-foreground);white-space:nowrap}.gloss-bp-zone--m{width:40%;background:color-mix(in srgb,var(--muted) 40%,transparent)}.gloss-bp-zone--t{width:24%;background:color-mix(in srgb,var(--muted) 65%,transparent)}.gloss-bp-zone--w{flex:1;background:color-mix(in srgb,var(--muted) 90%,transparent)}.gloss-bp-marker{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--accent)}.gloss-bp-read{margin:0;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-bp-read b{color:var(--ink);font-variant-numeric:tabular-nums}.gloss-scroll{width:100%;max-width:26rem;height:11rem;overflow:auto;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper)}.gloss-scroll-head{position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--rule);padding:.6rem 1rem;font-size:var(--fs-s);font-weight:var(--fw-semibold)}.gloss-scroll ul{list-style:none;margin:0;padding:0}.gloss-scroll li{padding:.5rem 1rem;border-bottom:1px solid var(--rule);font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-scroll li:last-child{border-bottom:0}.gloss-acc{width:100%;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);overflow:hidden}.gloss-acc-item+.gloss-acc-item{border-top:1px solid var(--rule)}.gloss-acc-btn{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.6rem;border:0;background:transparent;color:var(--ink);font:inherit;font-size:var(--fs-m);font-weight:var(--fw-semibold);padding:.8rem 1rem;cursor:pointer;text-align:left;transition:background-color var(--dur-base) var(--ease-out-soft)}.gloss-acc-btn:hover{background:var(--muted)}.gloss-acc-icon{flex:none;transition:transform var(--dur-base) var(--ease-out-soft)}.gloss-acc-item.open .gloss-acc-icon{transform:rotate(180deg)}.gloss-acc-panel{display:none;padding:0 1rem .9rem;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-acc-item.open .gloss-acc-panel{display:block}.gloss-choose{display:flex;gap:1rem;flex-wrap:wrap;font-size:var(--fs-m)}.gloss-choose label{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer}.gloss-choose input[type=radio],.gloss-choose input[type=checkbox]{accent-color:var(--accent);width:1.05rem;height:1.05rem}.gloss-preview{width:100%;border:1px dashed var(--rule);border-radius:var(--radius-sm);padding:.7rem 1rem;background:var(--paper)}.gloss-checkread{margin:0;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-checkread b{color:var(--ink)}.gloss-switchrow{display:flex}.gloss-switch{position:relative;display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;font-size:var(--fs-m)}.gloss-switch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.gloss-switch-track{position:relative;width:3rem;height:1.75rem;border-radius:var(--radius-pill);background:var(--paper);border:1px solid var(--muted-2);flex:none;transition:background-color var(--dur-base) var(--ease-out-soft),border-color var(--dur-base) var(--ease-out-soft)}.gloss-switch-track:after{content:"";position:absolute;top:50%;left:.1875rem;transform:translateY(-50%);width:1.25rem;height:1.25rem;border-radius:999px;background:var(--ink);transition:transform var(--dur-base) var(--ease-out-soft)}.gloss-switch input:checked+.gloss-switch-track{background:var(--accent);border-color:var(--accent-strong)}.gloss-switch input:checked+.gloss-switch-track:after{transform:translate(1.375rem,-50%)}.gloss-switch input:focus-visible+.gloss-switch-track{outline:2px solid var(--accent-strong);outline-offset:2px}.gloss-switchscreen{width:100%;max-width:26rem;border:1px solid var(--rule);border-radius:var(--radius-sm);padding:1rem;background:var(--cover-cream);color:var(--on-cover-light);display:grid;gap:.3rem}.gloss-switchscreen b{font-size:var(--fs-m)}.gloss-switchscreen p{margin:0;font-size:var(--fs-s);color:var(--on-cover-light-muted)}.gloss-switchscreen.is-dark{background:var(--cover-ink);color:var(--on-cover-dark)}.gloss-switchscreen.is-dark p{color:var(--on-cover-dark-muted)}.gloss-tabs{display:inline-flex;gap:.25rem;padding:.25rem;background:var(--muted);border:1px solid var(--rule);border-radius:var(--radius-pill)}.gloss-tabs button{border:0;background:transparent;color:var(--muted-foreground);font:inherit;font-size:var(--fs-s);font-weight:var(--fw-semibold);min-height:2.25rem;padding:0 1.125rem;border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--dur-base) var(--ease-out-soft),color var(--dur-base) var(--ease-out-soft)}.gloss-tabs button:hover{color:var(--ink)}.gloss-tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-foreground)}.gloss-tabpanel{width:100%;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);padding:.9rem 1rem;font-size:var(--fs-m);color:var(--muted-foreground)}.gloss-chiprow{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.gloss-chip{border:1px solid var(--rule);background:var(--paper);color:var(--muted-foreground);font:inherit;font-size:var(--fs-s);border-radius:var(--radius-pill);padding:.35rem .9rem;cursor:pointer;transition:background-color var(--dur-base) var(--ease-out-soft),color var(--dur-base) var(--ease-out-soft),border-color var(--dur-base) var(--ease-out-soft)}.gloss-chip:hover{color:var(--ink);border-color:var(--ink)}.gloss-chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.gloss-badge{font-family:var(--font-mono);font-size:.75em;line-height:1;color:var(--muted-foreground);background:var(--muted);border:1px solid var(--rule);border-radius:var(--radius-pill);padding:.25rem .6rem;white-space:nowrap}.gloss-badge--new{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent-strong)}.gloss-hero{width:100%;border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--paper);padding:1.5rem 2rem;display:grid;gap:.4rem;justify-items:start}.gloss-hero-eyebrow{margin:0;font-size:var(--fs-s);color:var(--muted-2)}.gloss-hero-title{margin:0;font-family:var(--font-en);font-size:1.5rem;font-weight:var(--fw-bold)}.gloss-hero-sub{margin:0;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-hero .gloss-btn{margin-top:.4rem}.gloss-minicard{width:min(100%,16rem);border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--paper);box-shadow:var(--shadow-soft);overflow:hidden}.gloss-minicard-cover{height:4.5rem;background:var(--cover-teal);color:var(--on-cover-dark);display:grid;place-items:center;font-size:1.5rem}.gloss-minicard-body{padding:.9rem 1rem 1.1rem;display:grid;gap:.3rem}.gloss-minicard-body b{font-size:var(--fs-m)}.gloss-minicard-body p{margin:0;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-scale{display:grid;gap:.2rem}.gloss-scale p{margin:0}.gloss-scale-1{font-family:var(--font-en);font-size:1.5rem;font-weight:var(--fw-bold)}.gloss-scale-2{font-family:var(--font-en);font-size:1.25rem;font-weight:var(--fw-bold)}.gloss-scale-3{font-size:1rem}.gloss-scale-4{font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-lhrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;width:100%}.gloss-lh{border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);padding:.9rem 1rem;display:grid;gap:.3rem}.gloss-lh b{font-size:var(--fs-s)}.gloss-lh p{margin:0;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-lh--tight p{line-height:1.2}.gloss-lh--loose p{line-height:1.8}.gloss-swatches{display:grid;gap:.5rem}.gloss-swatch{display:flex;align-items:center;gap:.7rem}.gloss-swatch-chip{width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);border:1px solid var(--rule);flex:none}.gloss-swatch-name{font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-darkpair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;width:100%;max-width:26rem}.gloss-darkpair-card{border-radius:var(--radius-sm);padding:1rem 1.1rem;display:grid;gap:.3rem}.gloss-darkpair-card b{font-size:var(--fs-m)}.gloss-darkpair-card p{margin:0;font-size:var(--fs-s)}.gloss-darkpair-card--light{background:var(--cover-cream);color:var(--on-cover-light)}.gloss-darkpair-card--light p{color:var(--on-cover-light-muted)}.gloss-darkpair-card--dark{background:var(--cover-ink);color:var(--on-cover-dark)}.gloss-darkpair-card--dark p{color:var(--on-cover-dark-muted)}.gloss-hovercard{border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);padding:1rem 1.25rem;font-size:var(--fs-s);color:var(--muted-foreground);cursor:default;transition:transform var(--dur-base) var(--ease-out-soft),border-color var(--dur-base) var(--ease-out-soft)}.gloss-hovercard:hover{transform:translateY(var(--hover-lift-card));border-color:var(--ink);color:var(--ink)}.gloss-transrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;width:100%;max-width:26rem}.gloss-trans{border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);padding:.9rem 1rem;display:grid;gap:.2rem;cursor:default}.gloss-trans b{font-size:var(--fs-m)}.gloss-trans p{margin:0;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-trans--on{transition:background-color var(--dur-slow) var(--ease-out-soft),border-color var(--dur-slow) var(--ease-out-soft)}.gloss-trans--on:hover{background:var(--accent);border-color:var(--accent-strong)}.gloss-trans--on:hover b,.gloss-trans--on:hover p{color:var(--accent-foreground)}.gloss-trans--off:hover{background:var(--accent);border-color:var(--accent-strong)}.gloss-trans--off:hover b,.gloss-trans--off:hover p{color:var(--accent-foreground)}.gloss-scrim{position:fixed;inset:0;background:color-mix(in srgb,var(--cover-ink) 55%,transparent);z-index:40;opacity:0;visibility:hidden;transition:opacity var(--dur-slow) var(--ease-out-soft),visibility 0s linear var(--dur-slow)}.gloss-scrim.open{opacity:1;visibility:visible;transition-delay:0s}.gloss-drawer{position:fixed;top:0;right:0;bottom:0;width:min(19rem,86vw);background:var(--paper);border-left:1px solid var(--rule);z-index:41;transform:translate(100%);visibility:hidden;transition:transform var(--dur-slow) var(--ease-out-soft),visibility 0s linear var(--dur-slow);display:flex;flex-direction:column;gap:.8rem;padding:1.1rem 1.25rem}.gloss-drawer.open{transform:translate(0);visibility:visible;transition-delay:0s}.gloss-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-46%);width:min(24rem,calc(100vw - 2rem));z-index:41;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:1.5rem 2rem;display:flex;flex-direction:column;gap:.8rem;opacity:0;visibility:hidden;transition:opacity var(--dur-slow) var(--ease-out-soft),transform var(--dur-slow) var(--ease-out-soft),visibility 0s linear var(--dur-slow)}.gloss-modal.open{transform:translate(-50%,-50%);opacity:1;visibility:visible;transition-delay:0s}.gloss-layerhead{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.gloss-layerhead b{font-family:var(--font-en);font-size:1.25rem;font-weight:var(--fw-bold)}.gloss-x{display:grid;place-items:center;width:var(--size-icon-control);height:var(--size-icon-control);border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:var(--radius-pill);font-size:var(--fs-s);cursor:pointer;transition:border-color var(--dur-base) var(--ease-out-soft)}.gloss-x:hover{border-color:var(--ink)}.gloss-layerbody{margin:0;font-size:var(--fs-m);color:var(--muted-foreground)}.gloss-layerlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}.gloss-layerlist li{padding:.7rem 0;border-bottom:1px solid var(--rule);font-size:var(--fs-m)}.gloss-layerbtns{display:flex;gap:.5rem;justify-content:flex-end}.gloss-toast{position:fixed;left:50%;bottom:1.4rem;transform:translate(-50%,1rem);background:var(--ink);color:var(--bg);border-radius:var(--radius-sm);padding:.6rem 1.1rem;font-size:var(--fs-m);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-slow) var(--ease-out-soft),transform var(--dur-slow) var(--ease-out-soft),visibility 0s linear var(--dur-slow);z-index:50}.gloss-toast.show{opacity:1;visibility:visible;transform:translate(-50%);transition-delay:0s}.gloss-index{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:var(--box-pad-y) var(--box-pad-x)}.gloss-index-label{margin:0 0 .8rem;font-size:var(--fs-s);color:var(--muted-2)}.gloss-index-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1.1rem 1.5rem}.gloss-index-title{margin:0 0 .4rem;font-size:var(--fs-s)}.gloss-index-title a{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem}.gloss-index-title a:hover{color:var(--accent-deep)}.gloss-index-count{font-family:var(--font-en);font-size:.75em;line-height:1;color:var(--muted-2);border:1px solid var(--rule);border-radius:var(--radius-pill);padding:.1rem .4rem;font-variant-numeric:tabular-nums}.gloss-index-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}.gloss-index-col li a{font-size:var(--fs-s);line-height:var(--lh-ui);color:var(--muted-foreground);text-decoration:none}.gloss-index-col li a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:.2em}.gloss-alignbar{display:flex;width:100%;border:1px dashed var(--rule);border-radius:var(--radius-sm);padding:.5rem}.gloss-alignbox{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-zstage{position:relative;width:100%;max-width:26rem;height:9.5rem}.gloss-zbox{position:absolute;width:10.5rem;height:6.5rem;border-radius:var(--radius-sm);display:grid;place-items:center;font-size:var(--fs-s);border:1px solid var(--rule);padding:.5rem;text-align:center}.gloss-zbox--a{left:0;top:0;background:var(--muted);color:var(--muted-foreground);z-index:2}.gloss-zbox--b{right:0;bottom:0;background:var(--paper);color:var(--muted-foreground);z-index:1}.gloss-zstage.is-swapped .gloss-zbox--a{z-index:1}.gloss-zstage.is-swapped .gloss-zbox--b{z-index:2;border-color:var(--accent-strong);color:var(--ink)}.gloss-aspectbox{width:100%;max-width:22rem;aspect-ratio:16 / 9;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-sm);display:grid;place-items:center;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-vpread{margin:0;font-family:var(--font-mono);font-size:var(--fs-s);color:var(--ink);font-variant-numeric:tabular-nums}.gloss-minihead{display:flex;align-items:center;gap:1rem;width:100%;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);padding:.6rem 1rem}.gloss-minihead-mark{width:1.25rem;height:1.25rem;border-radius:999px;background:var(--accent);flex:none}.gloss-minihead-link{font-size:var(--fs-s);font-weight:var(--fw-semibold);color:var(--muted-foreground)}.gloss-minihead-btn{margin-left:auto;width:2rem;height:2rem;border-radius:999px;border:1px solid var(--rule);display:grid;place-items:center;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-framelayout{display:grid;grid-template-columns:7.5rem 1fr;gap:.5rem;width:100%;max-width:26rem}.gloss-framelayout:not(.is-open){grid-template-columns:1fr}.gloss-framelayout:not(.is-open) .gloss-frameside{display:none}.gloss-frameside{border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);padding:.6rem;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-framelayout-main{border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);padding:.6rem;font-size:var(--fs-s);color:var(--muted-foreground);min-height:7.5rem}.gloss-breadcrumb{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;font-size:var(--fs-s);border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);padding:.55rem .9rem}.gloss-breadcrumb a{color:var(--muted-foreground);text-decoration:none}.gloss-breadcrumb a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:.2em}.gloss-breadcrumb-sep{color:var(--muted-2)}.gloss-breadcrumb b{color:var(--ink)}.gloss-demo-search{width:100%;max-width:26rem}.gloss-listcard{width:100%;max-width:26rem;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);overflow:hidden}.gloss-listcard ul{list-style:none;margin:0;padding:0}.gloss-listcard li{padding:.5rem .9rem;border-bottom:1px solid var(--rule);font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-listcard li:last-child{border-bottom:0}.gloss-field{display:grid;gap:.3rem;width:100%;max-width:26rem}.gloss-field label{font-size:var(--fs-s);font-weight:var(--fw-semibold)}.gloss-field input{border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font:inherit;font-size:var(--fs-m);padding:.55rem .8rem;min-height:var(--size-touch-control)}.gloss-field input::placeholder{color:var(--muted-2)}.gloss-field-help{margin:0;font-size:var(--fs-s);color:var(--muted-2)}.gloss-selectrow{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.gloss-select{border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font:inherit;font-size:var(--fs-s);min-height:var(--size-touch-control);padding:0 2rem 0 .8rem}.gloss-carousel{display:flex;gap:.7rem;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.3rem}.gloss-carousel-slide{scroll-snap-align:start;flex:0 0 72%;min-height:7rem;border:1px solid var(--rule);border-radius:var(--radius-sm);display:grid;place-items:center;font-size:var(--fs-s);color:var(--muted-foreground);background:var(--paper)}.gloss-carousel-slide--tinted{background:var(--cover-teal);border-color:transparent;color:var(--on-cover-dark)}.gloss-progress{width:100%;max-width:26rem;height:.75rem;border-radius:var(--radius-pill);background:var(--muted);border:1px solid var(--rule);overflow:hidden}.gloss-progress-fill{height:100%;width:var(--demo-prog, 40%);background:var(--accent);border-radius:inherit;transition:width var(--dur-base) var(--ease-out-soft)}.gloss-skelscreen{width:100%;max-width:26rem;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);padding:1rem}.gloss-skel{display:none}.gloss-skelscreen.is-loading .gloss-skel{display:grid;gap:.5rem}.gloss-skelscreen.is-loading .gloss-skelscreen-loaded{display:none}.gloss-skel-line{height:.9rem;border-radius:var(--radius-sm);background:var(--muted);animation:gloss-pulse 1.2s ease-in-out infinite}.gloss-skel-spinner{width:1.1rem;height:1.1rem;border-radius:999px;border:2px solid var(--rule);border-top-color:var(--accent);animation:gloss-spin .9s linear infinite}.gloss-skelscreen-loaded{display:grid;gap:.3rem}.gloss-skelscreen-loaded b{font-size:var(--fs-m)}.gloss-skelscreen-loaded p{margin:0;font-size:var(--fs-s);color:var(--muted-foreground)}@keyframes gloss-pulse{50%{opacity:.5}}@keyframes gloss-spin{to{transform:rotate(1turn)}}.gloss-emptymsg{display:none;padding:1.25rem 1rem;text-align:center}.gloss-emptyscreen.is-empty [data-empty-list]{display:none}.gloss-emptyscreen.is-empty .gloss-emptymsg{display:grid;gap:.3rem;justify-items:center}.gloss-emptymsg b{font-size:var(--fs-m)}.gloss-emptymsg p{margin:0;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-shadowrow,.gloss-borderrow{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;width:100%;max-width:26rem}.gloss-shadowcell,.gloss-bordercell{border-radius:var(--radius-sm);background:var(--paper);border:1px solid var(--rule);padding:.9rem .5rem;text-align:center;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-shadowcell--soft{box-shadow:var(--shadow-soft);border-color:transparent}.gloss-shadowcell--deep{box-shadow:var(--shadow-book);border-color:transparent}.gloss-bordercell--none{background:var(--muted);border-color:transparent}.gloss-bordercell--accent{border:2px solid var(--accent);color:var(--ink)}.gloss-trackdemo,.gloss-weightdemo{display:grid;gap:.45rem}.gloss-trackdemo p,.gloss-weightdemo p{margin:0;font-size:var(--fs-m)}.gloss-tracktag{font-family:var(--font-mono);font-size:.75em;color:var(--muted-2);font-weight:var(--fw-medium);margin-right:.45rem}.gloss-focusdemo:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.gloss-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.gloss-btn:disabled:hover{background:var(--accent);color:var(--accent-foreground)}.gloss-wireframe{width:100%;max-width:26rem;border:1px dashed var(--rule);border-radius:var(--radius-sm);padding:.7rem;display:grid;gap:.5rem;background:color-mix(in srgb,var(--muted) 30%,transparent)}.gloss-wire-block{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-sm);min-height:1.4rem}.gloss-wire-block--bar{height:1.75rem}.gloss-wire-block--hero{height:4rem}.gloss-wire-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.gloss-wire-cols .gloss-wire-block{min-height:2.5rem}.gloss-mksteps{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%;max-width:30rem}.gloss-mkstep{border:1px solid var(--rule);border-radius:var(--radius-sm);padding:.6rem;display:grid;gap:.4rem;background:var(--paper);font-size:var(--fs-s)}.gloss-mkstep b{font-size:var(--fs-s)}.gloss-mkstep p{margin:0;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-mkstep-art{display:grid;gap:.3rem}.gloss-mkstep-art span{height:.5rem;border-radius:var(--radius-sm);background:var(--muted)}.gloss-mkstep-art--tinted span{background:var(--cover-teal);opacity:.8}.gloss-mkstep-btn{height:.9rem!important;width:60%;background:var(--accent)!important;opacity:1!important;border-radius:var(--radius-pill)!important}.gloss-landing{width:100%;max-width:30rem;border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--paper);overflow:hidden;box-shadow:var(--shadow-soft)}.gloss-landing-hero{background:var(--cover-teal);color:var(--on-cover-dark);padding:1.25rem 1rem;display:grid;gap:.4rem;justify-items:center;text-align:center}.gloss-landing-hero b{font-size:var(--fs-m)}.gloss-landing-hero span{font-size:var(--fs-s);border:1px solid var(--on-cover-dark);border-radius:var(--radius-pill);padding:.25rem .9rem}.gloss-landing-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.8rem}.gloss-landing-row span{font-size:var(--fs-s);color:var(--muted-foreground);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:.5rem .3rem;text-align:center}.gloss-ctabox{width:100%;max-width:30rem;border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--paper);padding:1.25rem 1.5rem;display:grid;gap:.5rem;justify-items:center;text-align:center}.gloss-ctabox b{font-size:1.25rem;font-family:var(--font-en);font-weight:var(--fw-bold)}.gloss-ctabox p{margin:0;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-ctabox .gloss-btnrow{justify-content:center}.gloss-microrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;width:100%;max-width:30rem}.gloss-microcell{border:1px solid var(--rule);border-radius:var(--radius-sm);padding:.8rem .9rem;display:grid;gap:.35rem;background:var(--paper);font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-microcell b{font-size:var(--fs-s);color:var(--ink)}.gloss-microcell p{margin:0}.gloss-microgood{color:var(--accent-deep)}.gloss-pagerdemo{width:100%;max-width:26rem;display:grid;gap:.7rem;justify-items:center}.gloss-pager{display:flex;gap:.35rem}.gloss-pager button{border:1px solid var(--rule);background:var(--paper);color:var(--muted-foreground);font:inherit;font-size:var(--fs-s);min-width:var(--size-touch-control);min-height:var(--size-touch-control);border-radius:var(--radius-pill);cursor:pointer;font-variant-numeric:tabular-nums;transition:background-color var(--dur-base) var(--ease-out-soft),color var(--dur-base) var(--ease-out-soft)}.gloss-pager button:hover{color:var(--ink);border-color:var(--ink)}.gloss-pager button[aria-current=page]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.gloss-pager .gloss-listcard{justify-self:stretch}.gloss-touchrow{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap}.gloss-touchcell{display:grid;gap:.3rem;justify-items:center}.gloss-touchcell p{margin:0;font-size:var(--fs-s);color:var(--muted-2)}.gloss-a11ypair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;width:100%}.gloss-a11ycell{border-radius:var(--radius-sm);padding:.8rem .9rem;font-size:var(--fs-s);margin:0}.gloss-a11ycell--bad{background:var(--muted);color:var(--muted-2)}.gloss-a11ycell--good{background:var(--paper);border:1px solid var(--rule);color:var(--ink)}.gloss-dotlist{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.gloss-dotlist li{position:relative;padding-left:1.1rem;font-size:var(--fs-s);color:var(--muted-foreground)}.gloss-dotlist li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:999px;background:var(--accent)}.gloss-body{display:grid;grid-template-columns:minmax(0,1fr)}.gloss-main{display:flex;flex-direction:column;gap:var(--gap-section);min-width:0}.gloss-sidebar{display:none}@media(min-width:1080px){.gloss-body{grid-template-columns:12.5rem minmax(0,1fr);gap:2.5rem;align-items:start}.gloss-index,.gloss-toc{display:none}.gloss-sidebar{display:block;position:sticky;top:calc(var(--header-h) + 1rem);max-height:calc(100vh - var(--header-h) - 2rem);overflow-y:auto;scrollbar-width:thin;padding-right:.25rem}}.gloss-sidebar-label{margin:0 0 .5rem;font-size:var(--fs-s);color:var(--muted-2)}.gloss-sidebar-section{margin:0 0 .95rem}.gloss-sidebar-section:last-child{margin-bottom:0}.gloss-sidebar-sectitle{display:flex;align-items:center;justify-content:space-between;gap:.4rem;font-size:var(--fs-s);font-weight:var(--fw-bold);color:var(--ink);text-decoration:none}.gloss-sidebar-sectitle:hover,.gloss-sidebar-sectitle.is-current{color:var(--accent-deep)}.gloss-sidebar-count{font-family:var(--font-en);font-size:.75em;line-height:1;color:var(--muted-2);border:1px solid var(--rule);border-radius:var(--radius-pill);padding:.1rem .4rem;font-variant-numeric:tabular-nums}.gloss-sidebar-section ul{list-style:none;margin:.3rem 0 0;padding:0;border-left:1px solid var(--rule);display:grid}.gloss-sidebar-section li a{display:block;padding:.13rem 0 .13rem .65rem;margin-left:-1px;border-left:2px solid transparent;font-size:var(--fs-s);line-height:var(--lh-ui);color:var(--muted-foreground);text-decoration:none}.gloss-sidebar-section li a:hover{color:var(--ink)}.gloss-sidebar-section li a.is-current{border-left-color:var(--accent);color:var(--accent-deep);font-weight:var(--fw-semibold)}.gloss-footnote{margin:0;padding-top:1rem;border-top:1px solid var(--rule);color:var(--muted-2);font-size:var(--fs-s);max-width:52rem}@media(max-width:640px){.gloss-toc{flex-wrap:nowrap;overflow-x:auto}.gloss-flow3,.gloss-darkpair,.gloss-transrow,.gloss-microrow,.gloss-a11ypair,.gloss-mksteps{grid-template-columns:1fr}.gloss-hero{padding:1.25rem 1.5rem}.gloss-demo{padding:.875rem}.gloss-say{padding:.7rem .875rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gloss-scrim,.gloss-drawer,.gloss-modal,.gloss-toast,.gloss-switch-track,.gloss-switch-track:after,.gloss-hovercard,.gloss-trans,.gloss-trans--on,.gloss-acc-icon,.gloss-toc a,.gloss-copy,.gloss-btn,.gloss-chip,.gloss-tabs button,.gloss-acc-btn,.gloss-x,.gloss-progress-fill,.gloss-pager button{transition:none}.gloss-skel-line,.gloss-skel-spinner{animation:none}}