:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}._ambientBackground_mapnb_1{z-index:0;pointer-events:none;isolation:isolate;position:fixed;inset:0;overflow:hidden}._ambientBackground_mapnb_1:after{content:"";z-index:2;pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.8'/%3E%3C/svg%3E");background-size:140px 140px;position:absolute;inset:0}._ambientLayer_mapnb_23{z-index:1;filter:blur(var(--ambient-blur)) saturate(var(--ambient-saturation)) brightness(var(--ambient-brightness));opacity:var(--ambient-opacity);position:absolute;inset:-18vmax;overflow:hidden}._orbMover_mapnb_35{width:1px;height:1px;animation-duration:var(--path-duration);animation-delay:var(--path-delay);will-change:transform;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:both;position:absolute;top:0;left:0}._ambientOrb_mapnb_50{width:var(--orb-size);aspect-ratio:1;background:radial-gradient(circle, rgb(var(--orb-rgb) / calc(var(--orb-alpha) * .8)) 0%, rgb(var(--orb-rgb) / var(--orb-alpha)) 28%, rgb(var(--orb-rgb) / calc(var(--orb-alpha) * .48)) 56%, transparent 84%);mix-blend-mode:screen;animation:_orbPulse_mapnb_1 var(--pulse-duration) ease-in-out infinite alternate;animation-delay:var(--pulse-delay);will-change:transform, opacity;border-radius:999px;animation-fill-mode:both;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}._pathA_mapnb_72{animation-name:_pathA_mapnb_72}._pathB_mapnb_76{animation-name:_pathB_mapnb_76}._pathC_mapnb_80{animation-name:_pathC_mapnb_80}._pathD_mapnb_84{animation-name:_pathD_mapnb_84}@keyframes _pathA_mapnb_72{0%{transform:translate(-40vw,18vh)}18%{transform:translate(18vw,72vh)}39%{transform:translate(92vw,20vh)}61%{transform:translate(108vw,88vh)}82%{transform:translate(20vw,38vh)}to{transform:translate(-40vw,18vh)}}@keyframes _pathB_mapnb_76{0%{transform:translate(128vw,-18vh)}21%{transform:translate(88vw,54vh)}42%{transform:translate(28vw,106vh)}66%{transform:translate(-30vw,44vh)}84%{transform:translate(14vw,-30vh)}to{transform:translate(128vw,-18vh)}}@keyframes _pathC_mapnb_80{0%{transform:translate(-32vw,112vh)}20%{transform:translate(28vw,42vh)}43%{transform:translate(84vw,-22vh)}62%{transform:translate(128vw,38vh)}81%{transform:translate(44vw,96vh)}to{transform:translate(-32vw,112vh)}}@keyframes _pathD_mapnb_84{0%{transform:translate(118vw,118vh)}19%{transform:translate(70vw,42vh)}41%{transform:translate(8vw,76vh)}63%{transform:translate(-34vw,8vh)}82%{transform:translate(34vw,-28vh)}to{transform:translate(118vw,118vh)}}@keyframes _orbPulse_mapnb_1{0%{opacity:.5;transform:translate(-50%,-50%)scale(.92)}50%{opacity:.8}to{opacity:.62;transform:translate(-50%,-50%)scale(1.14)}}@media (width<=700px){._ambientBackground_mapnb_1:after{display:none}._ambientLayer_mapnb_23{filter:blur(calc(var(--ambient-blur) * .68));inset:-14vmax}._ambientOrb_mapnb_50{width:calc(var(--orb-size) * .9)}}:root{color:#f8f4eb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#153d15;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.page{background:var(--page-background);place-items:start center;width:100vw;min-height:100dvh;padding:20px;display:grid;position:relative;overflow:hidden}.contentCard{z-index:2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#080a1275;border:1px solid #ffffff1f;border-radius:8px;width:min(760px,100vw - 40px);max-height:calc(100dvh - 40px);padding:12px 16px;position:relative;overflow:hidden;box-shadow:0 34px 100px #0000005c}.cardHeader{justify-content:space-between;align-items:center;gap:18px;min-height:34px;display:flex}.kicker{color:#f8f4eb9e;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.78rem}.toggleButton,.addButton,.removeButton{color:#f8f4ebd1;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px}.toggleButton{padding:.45rem .8rem;font-size:.78rem}.panelBody{scrollbar-width:none;-ms-overflow-style:none;transition:max-height .36s,opacity .22s;overflow:hidden}.panelBody::-webkit-scrollbar{display:none}.contentCard.isOpen .panelBody{opacity:1;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 110px);overflow-y:auto}.contentCard.isClosed .panelBody{opacity:0;pointer-events:none;max-height:0}h1{color:#f0f8ff;letter-spacing:-.08em;text-align:left;max-width:10ch;margin:28px 0 0;font-size:5rem;line-height:.88}.introText{color:#f8f4ebb8;text-align:left;max-width:52ch;margin:24px 0 0;font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.55}.controlPanel{border-top:1px solid #ffffff1f;gap:22px;margin-top:34px;padding-top:26px;padding-bottom:28px;display:grid}.controlGroup{gap:10px;display:grid}.controlGroup label,.colorHeader{color:#f8f4ebad;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.colorHeader{justify-content:space-between;align-items:center;display:flex}.pickerRow{gap:8px;min-width:0;display:grid}.pickerRow.isPickerOpen{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:5px}.lightRow .pickerRow.isPickerOpen{background:0 0;border:0;padding:0}.colorTrigger{color:#f8f4ebd1;text-align:left;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;min-width:0;padding:5px 6px;transition:border-color .16s,background .16s;display:grid;position:relative}.colorTrigger:hover,.colorTrigger:focus-visible{background:#ffffff1a;border-color:#ffffff47;outline:none}.pickerRow.isPickerOpen .colorTrigger,.lightRow.isPickerOpen .colorTrigger,.pickerRow.isPickerOpen .colorTrigger:hover,.pickerRow.isPickerOpen .colorTrigger:focus-visible,.lightRow.isPickerOpen .colorTrigger:hover,.lightRow.isPickerOpen .colorTrigger:focus-visible{background:0 0;border-color:#0000}.colorSwatch{pointer-events:none;border:1px solid #ffffff38;border-radius:6px;width:42px;height:32px;box-shadow:inset 0 0 0 1px #0000003d}.colorValue{color:#f8f4ebc2;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;min-width:0;font-size:.78rem;overflow:hidden}.pickerCaret{pointer-events:none;border-bottom:1.5px solid #f8f4eb94;border-right:1.5px solid #f8f4eb94;width:9px;height:9px;margin-right:15px;transition:transform .16s,border-color .16s;transform:rotate(45deg)translateY(-2px)}.colorTrigger:hover .pickerCaret,.colorTrigger:focus-visible .pickerCaret{border-color:#f8f4ebd1}.pickerRow.isPickerOpen .pickerCaret,.lightRow.isPickerOpen .pickerCaret{transform:rotate(225deg)translateY(-2px)}.pickerAccordion{visibility:hidden;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .22s,visibility 0s linear .22s;display:grid;overflow:hidden}.pickerAccordion.isOpen{visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .22s,visibility linear;overflow:visible}.pickerAccordionInner{min-height:0;overflow:visible}.embeddedColorPicker{box-shadow:none;background:0 0;border:0;border-radius:0;gap:10px;padding:6px 0 0;display:grid}.embeddedColorPicker .react-colorful{width:96%;height:142px;margin:0 auto}.embeddedColorPicker .react-colorful__saturation{border-radius:6px 6px 0 0}.embeddedColorPicker .react-colorful__hue{border-radius:0 0 6px 6px;height:16px}.hexInput{color:#f8f4ebd6;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:6px;width:100%;min-width:0;padding:.55rem .65rem;font-size:.78rem}.hexInput:focus{background:#ffffff0f;outline:none}.hexInput.isInvalid{color:#ff9696f2}.rangeControl,.lightRow{align-items:center;gap:12px;display:grid}.rangeControl{grid-template-columns:1fr 56px}.rangeControl input{accent-color:#f8f4eb;width:100%}.rangeControl span{color:#f8f4ebc2;font-variant-numeric:tabular-nums;font-size:.9rem}.lightList{gap:5px;display:grid}.lightRow{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;grid-template-columns:1fr auto;align-items:start;gap:6px;padding:5px}.removeButton{width:auto;padding:.32rem .55rem;font-size:.68rem}.addButton{width:fit-content;padding:.5rem .75rem;font-size:.74rem}@media (width<=640px){.page{isolation:isolate;padding:10px}.panelBody>*{transition:opacity .12s,visibility 0s linear .12s}h1{font-size:3rem}.contentCard{-webkit-backdrop-filter:none;backface-visibility:hidden;background:#080a12ad;width:calc(100vw - 20px);padding:10px 12px;transform:translateZ(0)}.contentCard.isOpen .panelBody{max-height:calc(100dvh - 78px)}.contentCard.isOpen .panelBody>*{opacity:1;visibility:visible;transition-delay:90ms,0s}.contentCard.isClosed .panelBody>*{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,0s}.controlPanel{gap:14px;margin-top:24px;padding-top:18px;padding-bottom:18px}.controlGroup{gap:7px}.rangeControl{grid-template-columns:1fr 44px}.rangeControl span{font-size:.78rem}.controlGroup label,.colorHeader{font-size:.68rem}.introText{margin-top:18px;font-size:.95rem;line-height:1.45}.embeddedColorPicker{padding-top:5px}.embeddedColorPicker .react-colorful{width:96%;height:122px;margin:0 auto}.lightRow{grid-template-columns:1fr}.removeButton,.addButton{display:none}}