:root{color-scheme:light;font-family:Avenir Next,Segoe UI,sans-serif;color:#102238;background:#eef4f2;--ink: #102238;--ink-deep: #071827;--paper: #fffaf0;--signal: #0d9488;--signal-bright: #2dd4bf;--flare: #f59e0b;--line: rgba(16, 34, 56, .12);--finder: #ef4444;--alignment: #facc15;--timing: #06b6d4;--format: #8b5cf6;--ec-level: #ec4899;--mask: #2563eb;--version: #10b981;--dark-module: #4c1d95;--mode: #0f766e;--count: #f97316;--data: #0ea5e9;--terminator: #84cc16;--padding: #cbd5e1;--ec-words: #111827;--remainder: #14b8a6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:18rem;margin:0;background:radial-gradient(circle at 10% 4%,rgba(245,158,11,.2),transparent 24rem),radial-gradient(circle at 90% 14%,rgba(45,212,191,.2),transparent 30rem),linear-gradient(180deg,#f8efe1,#edf5f3 35%,#e8f0f5)}body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(180deg,#000,transparent 72%)}a{color:inherit}code{padding:.08rem .3rem;border-radius:.35rem;background:#0f766e1a;color:#115e59;font-size:.9em}.spec-header{width:min(calc(100% - 1.5rem),76rem);min-height:3.5rem;margin:.65rem auto 0;padding:.45rem .55rem .45rem .8rem;position:sticky;z-index:50;top:.65rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid rgba(45,212,191,.2);border-radius:1rem;background:#071827f5;box-shadow:0 18px 45px #07182733;color:#fffaf0;backdrop-filter:blur(16px)}.back-link{color:#5eead4;font-size:.76rem;font-weight:900;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;white-space:nowrap}.spec-header nav,.spec-footer nav{display:flex;gap:.2rem}.spec-header nav a,.spec-footer a{min-height:2.5rem;padding:.55rem .65rem;display:inline-flex;align-items:center;border-radius:.7rem;font-size:.76rem;font-weight:800;text-decoration:none}.spec-header nav a:hover,.spec-header nav a:focus-visible,.spec-footer a:hover,.spec-footer a:focus-visible{background:#5eead41f}main{width:min(calc(100% - 1.5rem),76rem);margin:1rem auto 3rem}.hero{min-height:min(44rem,calc(100dvh - 6rem));padding:clamp(1.25rem,4vw,3.75rem);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);overflow:hidden;border:1px solid rgba(45,212,191,.24);border-radius:2rem;background:radial-gradient(circle at 4% 5%,rgba(45,212,191,.2),transparent 22rem),radial-gradient(circle at 95% 90%,rgba(245,158,11,.2),transparent 22rem),linear-gradient(150deg,#102a3d,#071827 70%);box-shadow:0 35px 90px #07182740;color:#fffaf0}.eyebrow,.section-number{margin:0 0 .65rem;color:#2dd4bf;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:DIN Alternate,Avenir Next Condensed,sans-serif}h1{max-width:12ch;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,5.4rem);line-height:.96;letter-spacing:-.045em}.hero-lead{max-width:42rem;color:#e2f2f1c7;font-size:clamp(1rem,2vw,1.18rem);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:.65rem}.hero-actions a{min-height:3rem;padding:.75rem 1rem;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.15);border-radius:.85rem;color:#fffaf0;font-weight:900;text-decoration:none}.hero-actions .primary-link{border-color:transparent;background:linear-gradient(135deg,#5eead4,#fcd38d);color:#071827}.matrix-figure{margin:0}.matrix-figure canvas,.visual-card canvas{width:100%;display:block;image-rendering:pixelated;border:1px solid rgba(7,24,39,.14);border-radius:1rem;background-color:#f5f7f7;background-image:linear-gradient(45deg,#e2e8e8 25%,transparent 25%),linear-gradient(-45deg,#e2e8e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8e8 75%),linear-gradient(-45deg,transparent 75%,#e2e8e8 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.matrix-figure canvas{aspect-ratio:1;padding:clamp(.5rem,2vw,1rem);border-color:#ffffff59;box-shadow:0 30px 70px #0000004d}.matrix-figure figcaption{margin-top:.7rem;color:#e2f2f199;font-size:.76rem;line-height:1.4;text-align:center}.palette{margin:.85rem 0 2.5rem;padding:.7rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;border:1px solid var(--line);border-radius:1rem;background:#fffdf8d1;box-shadow:0 14px 35px #07182714}.palette span{padding:.32rem .5rem;display:inline-flex;align-items:center;gap:.35rem;font-size:.67rem;font-weight:800;white-space:nowrap}.palette span:before{content:"";width:.62rem;aspect-ratio:1;border-radius:.2rem;background:var(--swatch);box-shadow:inset 0 0 0 1px #0718271f}.guide-section{padding:clamp(1rem,3vw,2.5rem) 0 clamp(2.5rem,6vw,5rem);scroll-margin-top:5rem}.section-intro{max-width:53rem;margin:0 auto clamp(1.2rem,3vw,2rem);text-align:center}.section-intro h2{margin-bottom:.8rem;color:var(--ink-deep);font-size:clamp(1.8rem,4vw,3.3rem);line-height:1;letter-spacing:-.025em}.section-intro p:last-child{color:#52687a;font-size:1rem;line-height:1.65}.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.visual-card{min-width:0;padding:clamp(.85rem,2vw,1.2rem);overflow:hidden;border:1px solid rgba(255,255,255,.75);border-radius:1.35rem;background:radial-gradient(circle at 100% 0,rgba(45,212,191,.08),transparent 14rem),#fffdf8db;box-shadow:0 18px 50px #0718271a}.wide-card{grid-column:span 1}.visual-card canvas{aspect-ratio:16 / 10;margin-bottom:.85rem}.visual-heading{min-height:2rem;margin-bottom:.6rem;display:flex;align-items:center;gap:.45rem}.visual-heading h3{margin:0;color:var(--ink-deep);font-size:1.05rem;line-height:1.1}.visual-card p{margin:0;color:#52687a;font-size:.88rem;line-height:1.55}.payload-units-card{grid-column:1 / -1}.payload-units-card>p{margin-bottom:.85rem}.unit-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.unit-example{min-width:0;padding:.65rem;border:1px solid rgba(16,34,56,.1);border-radius:.85rem;background:#ffffffb8}.unit-example>header{margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.unit-example>header strong{color:var(--ink-deep);font-size:.82rem}.unit-example>header span{margin-left:auto;color:#627286;font-size:.66rem;white-space:nowrap}.unit-stream{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:.25rem}.unit-stream>span{min-width:0;padding:.4rem .45rem;display:grid;gap:.15rem;border-radius:.55rem;color:#fff}.unit-stream .mode{background:var(--mode)}.unit-stream .count{background:var(--count)}.unit-stream .data{background:var(--data)}.unit-stream small{font-size:.55rem;font-weight:800;letter-spacing:.06em;opacity:.78;text-transform:uppercase}.unit-stream code{padding:0;background:transparent;color:inherit;font-size:.68rem;letter-spacing:.04em;overflow-wrap:anywhere;word-break:break-all}.unit-example>p{margin-top:.5rem;font-size:.72rem}.mixed-example{margin-top:.75rem;padding:.75rem;border:1px solid rgba(15,118,110,.18);border-radius:1rem;background:radial-gradient(circle at 100% 0,rgba(45,212,191,.12),transparent 14rem),#f0fdfab3}.mixed-example>header{margin-bottom:.6rem;display:flex;align-items:end;justify-content:space-between;gap:.6rem}.mixed-example>header>div{min-width:0;display:grid;gap:.2rem}.example-kicker{color:#0f766e;font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mixed-example>header strong code{overflow-wrap:anywhere}.mixed-example-layout{display:grid;grid-template-columns:minmax(11rem,.72fr) minmax(0,1.28fr);gap:.65rem;align-items:center}.mixed-qr-figure{margin:0}.visual-card canvas.mixed-qr-visual{aspect-ratio:1;margin:0}.mixed-qr-figure figcaption{margin-top:.4rem;color:#627286;font-size:.61rem;line-height:1.35;text-align:center}#mixed-mode-savings{padding:.35rem .5rem;border-radius:999px;background:#071827;color:#5eead4;font-size:.66rem;font-weight:900;white-space:nowrap}.mixed-mode-stream{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.mixed-segment{min-width:0;padding:.55rem;display:grid;gap:.18rem;border-radius:.65rem;color:#fff}.mixed-segment.numeric{background:#0f766e}.mixed-segment.alphanumeric{background:#0d9488}.mixed-segment.byte{background:#0ea5e9}.mixed-segment strong{font-size:.7rem}.mixed-segment .segment-number{width:fit-content;padding:.12rem .3rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-family:Avenir Next,sans-serif;font-size:.52rem;font-weight:900;letter-spacing:.06em;line-height:1.2;opacity:1;text-transform:uppercase}.mixed-segment code{width:fit-content;max-width:100%;padding:.08rem .25rem;overflow:hidden;background:#ffffff29;color:#fff;font-size:.67rem;text-overflow:ellipsis}.mixed-segment span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.55rem;line-height:1.35;opacity:.82}.mixed-example>p{margin-top:.6rem;font-size:.74rem}.color-dot{width:.75rem;min-width:.75rem;aspect-ratio:1;border-radius:.25rem;box-shadow:inset 0 0 0 1px #0718271f}.color-dot.finder{background:var(--finder)}.color-dot.alignment{background:var(--alignment)}.color-dot.timing{background:var(--timing)}.color-dot.format{background:var(--format)}.color-dot.ec-level{background:var(--ec-level)}.color-dot.mask{background:var(--mask)}.color-dot.version{background:var(--version)}.color-dot.dark-module{background:var(--dark-module)}.color-dot.mode{background:var(--mode)}.color-dot.count{background:var(--count)}.color-dot.data{background:var(--data)}.color-dot.terminator{background:var(--terminator)}.color-dot.padding{background:var(--padding)}.color-dot.ec-words{background:var(--ec-words)}.color-dot.remainder{background:var(--remainder)}.multi-dot{gap:.3rem}.multi-dot h3{margin-left:.15rem}.bitstream{margin-bottom:1rem;padding:.7rem;display:grid;gap:.5rem;border:1px solid rgba(255,255,255,.75);border-radius:1.2rem;background:#fffdf8d1;box-shadow:0 18px 50px #07182714}.segment-cycle{padding:.45rem;border:2px solid rgba(15,118,110,.3);border-radius:.9rem;background:#ccfbf159}.segment-cycle>header{min-height:1.8rem;padding:0 .3rem .35rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem}.segment-cycle>header strong{color:#0f766e;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.segment-cycle>header span{color:#52687a;font-size:.62rem}.segment-fields{display:grid;grid-template-columns:.8fr 1.25fr 2fr;gap:.3rem}.post-segment-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem}.bit-field{min-width:0;min-height:4rem;padding:.55rem;display:grid;align-content:center;gap:.1rem;border-radius:.7rem;color:#fff}.bit-field strong{font-size:.73rem}.bit-field span{font-size:.62rem;opacity:.8}.bit-field.mode{background:var(--mode)}.bit-field.count{background:var(--count)}.bit-field.data{background:var(--data)}.bit-field.terminator{background:#5f970e}.bit-field.padding{color:#111827;background:var(--padding)}.bit-field.ec{background:var(--ec-words)}.bit-field.remainder{background:var(--remainder)}.level-row{margin-top:.85rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.level-row span{padding:.5rem;border-radius:.6rem;background:#dc262614;color:#7f1d1d;font-size:.68rem;text-align:center}.mask-guide{margin-top:1rem;padding:clamp(.9rem,2vw,1.3rem);scroll-margin-top:5rem;border:1px solid rgba(37,99,235,.16);border-radius:1.35rem;background:radial-gradient(circle at 100% 0,rgba(37,99,235,.1),transparent 20rem),#fffdf8e0;box-shadow:0 18px 50px #0718271a}.mask-guide-intro{max-width:50rem;margin:0 auto 1rem;text-align:center}.mask-guide-intro h3{margin-bottom:.55rem;color:var(--ink-deep);font-size:clamp(1.4rem,3vw,2.2rem)}.mask-guide-intro p:last-child{margin:0;color:#52687a;font-size:.88rem;line-height:1.55}.mask-formula-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.mask-formula-card{min-width:0;margin:0;padding:.55rem;border:1px solid rgba(16,34,56,.1);border-radius:.9rem;background:#ffffffc7}.mask-formula-card canvas{width:100%;aspect-ratio:1;display:block;image-rendering:pixelated;border-radius:.65rem;background:#f8faf9}.mask-formula-card figcaption{margin-top:.5rem;display:grid;gap:.25rem}.mask-formula-card strong{color:var(--ink-deep);font-size:.78rem}.mask-formula-card code{min-height:2.5rem;padding:.35rem;display:grid;align-content:center;overflow-wrap:anywhere;font-size:.62rem;line-height:1.3}.mask-penalties{margin-top:.75rem;padding:.7rem;display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));gap:.45rem;align-items:center;border-radius:.85rem;background:#071827;color:#e2f2f1c7}.mask-penalties strong{color:#93c5fd;font-size:.72rem;white-space:nowrap}.mask-penalties span{font-size:.65rem;line-height:1.35}.process-list{max-width:54rem;margin:0 auto;padding:0;display:grid;gap:.65rem;list-style:none}.process-list li{padding:.8rem;display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.8rem;align-items:center;border:1px solid rgba(255,255,255,.75);border-radius:1rem;background:#fffdf8c7;box-shadow:0 10px 30px #0718270f}.process-list li>span{width:2.5rem;aspect-ratio:1;display:grid;place-items:center;border-radius:.75rem;background:var(--ink-deep);color:#5eead4;font-weight:900}.process-list strong{color:var(--ink-deep)}.process-list p{margin:.15rem 0 0;color:#52687a;font-size:.84rem;line-height:1.45}.reference-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.reference-links a{min-height:5rem;padding:.9rem;display:grid;gap:.25rem;border:1px solid rgba(15,118,110,.16);border-radius:1rem;background:#fffdf8d1;text-decoration:none}.reference-links a:hover,.reference-links a:focus-visible{border-color:#0f766e80;box-shadow:0 12px 30px #07182714}.reference-links strong{color:#0f766e}.reference-links span{color:#627286;font-size:.8rem}.spec-footer{width:min(calc(100% - 1.5rem),76rem);margin:0 auto .75rem;padding:.55rem .65rem .55rem .9rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:1rem;background:#071827;color:#e2f2f1b8}.spec-footer>span{color:#5eead4;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}@media(max-width:780px){.spec-header nav a:nth-child(2),.spec-header nav a:nth-child(3){display:none}.hero{min-height:0;grid-template-columns:minmax(0,1fr)}h1{max-width:14ch}.hero-visual{width:min(100%,31rem);justify-self:center}.visual-grid,.reference-links{grid-template-columns:minmax(0,1fr)}.visual-card canvas{aspect-ratio:16 / 9}.bitstream{gap:.4rem}.post-segment-fields,.mask-formula-grid,.mask-penalties{grid-template-columns:repeat(2,minmax(0,1fr))}.mask-penalties strong{grid-column:1 / -1}}@media(max-width:480px){.spec-header nav a{padding-inline:.45rem}.spec-header nav a:not(:last-child){display:none}.hero{border-radius:1.4rem}.level-row{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-example-grid,.mixed-example-layout{grid-template-columns:minmax(0,1fr)}.unit-stream{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-stream .data{grid-column:1 / -1}.segment-cycle>header{align-items:flex-start;flex-direction:column;gap:.1rem}.mixed-qr-figure{width:min(100%,16rem);justify-self:center}.mixed-example>header{align-items:start;flex-direction:column}.spec-footer>span{display:none}.spec-footer nav{width:100%;justify-content:center}}@media(max-width:359px){.mixed-mode-stream{grid-template-columns:minmax(0,1fr)}.segment-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.segment-fields .data{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/*# sourceMappingURL=spec.min.css.map */