#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--bg:#0b0f19;--card:#121a2a;--text:#e9eefc;--muted:#8aa0c5;--line:#23324d;--accent:#1a2740}:root{--radius: 12px;--btn-font: 14px;--btn-h-sm: 30px;--btn-h-md: 50px;--btn-h-lg: 46px;--btn-pad-x-sm: 10px;--btn-pad-x-md: 12px;--btn-pad-x-lg: 16px;--btn-primary-bg: var(--accent);--btn-primary-fg: var(--text);--btn-secondary-bg: transparent;--btn-secondary-fg: var(--text);--btn-ghost-fg: var(--muted);--btn-nav-h: 38px;--btn-nav-radius: 12px}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto}.container{max-width:520px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.header{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.title{font-weight:700}.main{flex:1;padding:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}.muted{color:var(--muted);font-size:13px}pre{overflow:auto}.nav{display:flex;gap:6px;padding:10px;border-top:1px solid var(--line);position:sticky;bottom:0;background:#0b0f19eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbtn{flex:1;border:1px solid var(--line);background:transparent;color:var(--text);padding:10px;border-radius:12px;font-weight:700;cursor:pointer}.navbtn.active{background:var(--accent)}.row{display:flex;gap:10px;align-items:center;justify-content:space-between}.btn{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-weight:700;cursor:pointer}.btn-primary{background:var(--accent);color:var(--text)}.btn-secondary{background:transparent;color:var(--text)}.btn-ghost{background:transparent;color:var(--muted);border-color:transparent}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active{transform:translateY(1px)}.btn:focus{outline:none;box-shadow:0 0 0 2px #8aa0c559}.btn--sm{height:var(--btn-h-sm);padding:0 var(--btn-pad-x-sm);font-size:var(--btn-font)}.btn--md{height:var(--btn-h-md);padding:0 var(--btn-pad-x-md);font-size:var(--btn-font)}.btn--lg{height:var(--btn-h-lg);padding:0 var(--btn-pad-x-lg);font-size:var(--btn-font)}.btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}.btn--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg)}.btn--ghost{background:transparent;color:var(--btn-ghost-fg);border-color:transparent}.btn--nav{flex:1;height:var(--btn-nav-h);padding:0 var(--btn-pad-x-md);border-radius:var(--btn-nav-radius);background:transparent;color:var(--btn-secondary-fg);border:1px solid var(--line);font-size:var(--btn-font)}.btn--nav.is-active{background:var(--accent)}.tabs{display:flex;gap:6px;background:transparent;margin-top:10px}.tab{flex:1;border:1px solid var(--line);border-radius:12px;padding:10px;background:transparent;color:var(--text);font-weight:800;cursor:pointer}.tab.active{background:var(--accent)}:root{--fp_density: .55;--fp_pad: calc(12px * var(--fp_density));--fp_gap: calc(10px * var(--fp_density));--fp_card_minw_range: calc(150px * var(--fp_density));--fp_card_minw_select: calc(160px * var(--fp_density));--fp_card_minw_toggle: calc(140px * var(--fp_density));--fp_font: calc(12px * var(--fp_density));--fp_font_muted: calc(11px * var(--fp_density));--fp_input_h: calc(32px * var(--fp_density));--fp_chip_pad_y: calc(6px * var(--fp_density));--fp_chip_pad_x: calc(8px * var(--fp_density))}.fpStrip{display:flex;gap:var(--fp_gap);overflow-x:auto;padding-bottom:calc(6px * var(--fp_density))}.fpCard{padding:var(--fp_pad);border-radius:calc(14px * var(--fp_density));border:1px solid var(--line);background:var(--card);flex:0 0 auto}.fpCard--range{min-width:var(--fp_card_minw_range)}.fpCard--select{min-width:var(--fp_card_minw_select)}.fpCard--toggle{min-width:var(--fp_card_minw_toggle)}.fpTitle{font-size:var(--fp_font);font-weight:900}.fpMuted{font-size:var(--fp_font_muted);color:var(--muted)}.fpRow{display:flex;gap:calc(8px * var(--fp_density));margin-top:calc(8px * var(--fp_density))}.fpInput{height:var(--fp_input_h);padding:calc(8px * var(--fp_density));border-radius:calc(12px * var(--fp_density));border:1px solid var(--line);background:transparent;color:var(--text);outline:none;font-size:var(--fp_font);flex:1;min-width:0;width:0}.fpChips{display:flex;gap:calc(8px * var(--fp_density));overflow-x:auto;margin-top:calc(6px * var(--fp_density))}.fpChip{border:1px solid var(--line);border-radius:calc(12px * var(--fp_density));padding:var(--fp_chip_pad_y) var(--fp_chip_pad_x);font-size:var(--fp_font);font-weight:900;background:transparent;color:var(--text);cursor:pointer;white-space:nowrap}.fpToggle{display:flex;gap:calc(10px * var(--fp_density));align-items:center}.fpChip{appearance:none;-webkit-appearance:none;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:10px;padding:4px 6px;font-size:11px;font-weight:900;line-height:1;height:26px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.fpChipActive{background:var(--accent)}.fpCard--select{padding:6px!important;min-width:140px!important}.fpCard--toggle{padding:6px!important;min-width:130px!important}.fpCard--range{padding:6px!important;min-width:140px!important}.fpInput{height:26px!important;padding:4px 6px!important;font-size:11px!important;border-radius:10px!important}.gm-filters{--filters_scale: .95;--filters_pad: calc(12px * var(--filters_scale));--filters_gap: calc(10px * var(--filters_scale));--filters_inner_pad: calc(10px * var(--filters_scale));--filters_font: calc(12px * var(--filters_scale));--filters_muted_font: calc(11px * var(--filters_scale));--filters_chip_height: calc(26px * var(--filters_scale));--filters_chip_pad_x: calc(10px * var(--filters_scale));--filters_chip_min_width: calc(52px * var(--filters_scale));--filters_input_height: calc(30px * var(--filters_scale));--filters_radius: calc(10px * var(--filters_scale));margin-top:calc(10px * var(--filters_scale))}.gm-filters__scale{transform:scale(var(--filters_scale));transform-origin:top left;width:calc(100% / var(--filters_scale))}.gm-filters__panel{display:grid;gap:var(--filters_gap);padding:var(--filters_pad);border:1px solid var(--line);border-radius:var(--filters_radius);background:var(--card)}.gm-filters__title{font-size:var(--filters_font);color:var(--muted);font-weight:700}.gm-filters__list{display:grid;gap:var(--filters_gap)}.gm-filters__card{display:grid;gap:calc(6px * var(--filters_scale));padding:var(--filters_inner_pad);border:1px solid var(--line);border-radius:var(--filters_radius);background:transparent}.gm-filters__row{display:flex;align-items:center;justify-content:space-between;gap:var(--filters_gap)}.gm-filters__label{font-size:var(--filters_font);font-weight:700}.gm-filters__muted{font-size:var(--filters_muted_font);color:var(--muted)}.gm-filters__range{display:flex;gap:var(--filters_gap)}.gm-filters__range-input{flex:1 1 0%;min-width:0;width:0;height:var(--filters_input_height);padding:0 calc(10px * var(--filters_scale));border:1px solid var(--line);border-radius:var(--filters_radius);background:transparent;color:var(--text);font-size:var(--filters_font)}.gm-filters__chips{display:flex;flex-wrap:wrap;gap:calc(6px * var(--filters_scale))}.gm-filters__chip{appearance:none;-webkit-appearance:none;border:1px solid var(--line);background:transparent;color:var(--text);padding:0 var(--filters_chip_pad_x);height:var(--filters_chip_height);min-width:var(--filters_chip_min_width);border-radius:999px;font-size:var(--filters_font);font-weight:700;line-height:1;cursor:pointer}.gm-filters__chip.is-active{background:var(--accent);border-color:var(--accent)}.gm-filters__chip:focus{outline:none;box-shadow:0 0 0 2px #8aa0c559}.gm-filters__toggle{display:flex;align-items:center;gap:var(--filters_gap)}.gm-filters__toggle input{width:calc(16px * var(--filters_scale));height:calc(16px * var(--filters_scale));accent-color:var(--accent)}.gm-filters__panel{display:block!important}.gm-filters__list{display:flex!important;gap:var(--filters_gap)!important;overflow-x:auto!important;padding-bottom:8px!important;align-items:stretch!important}.gm-filters__card{flex:0 0 auto!important;min-width:240px!important}.gm-filters__card--toggle{min-width:190px!important}.gm-filters__chips{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px!important}:root{--page-pad: 6px}.container{width:100%;max-width:none;margin:0;padding-left:calc(var(--page-pad) + env(safe-area-inset-left));padding-right:calc(var(--page-pad) + env(safe-area-inset-right))}@media(min-width:600px){:root{--page-pad: 10px}}html,body{margin:0!important;width:100%!important;height:100%!important;display:block!important;place-items:initial!important;align-items:initial!important;justify-content:initial!important;min-width:0!important;min-height:100%!important;overflow-x:hidden!important;padding:0!important}#root{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;text-align:left!important}.container,.main,.header,.nav{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}:root{--safe-left: 0px;--safe-right: 0px}*{box-sizing:border-box}