:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--room:#0b0806;--walnut:#1a130d;--walnut-raised:#261b12;--bone:#f1e9d8;--dim:#b9ad97;--brass:#e0bb68;--brass-bright:#f0d089;--brass-ink:#1c1206;--line:#e0bb6838;--line-soft:#f1e9d81a;--danger:#f2a79b;--glass:#160f0ac7;--display:"Fraunces Variable", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--ui:system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, Arial, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--chrome-top:0px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--room);color:var(--bone);font-family:var(--ui);-webkit-font-smoothing:antialiased;scrollbar-color:#e0bb6859 transparent;margin:0;line-height:1.5;overflow:hidden}#app{height:100dvh;position:relative;overflow:hidden}a{color:var(--brass);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--brass-bright)}:focus-visible{outline:2px solid var(--brass-bright);outline-offset:3px}button,input{font:inherit;color:var(--bone)}button{cursor:pointer;transition:background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s var(--ease)}button:active{transform:scale(.97)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toolbar{z-index:5;pointer-events:none;grid-template-columns:minmax(0,auto) minmax(10rem,18rem) minmax(0,1fr);grid-template-areas:"title search actions""chips chips chips";align-items:center;gap:.65rem 1.5rem;padding:.85rem 1.25rem .9rem;display:grid;position:absolute;inset:0 0 auto}.toolbar>*{pointer-events:auto;min-width:0}.toolbar:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#0b0806f5,#0b0806c7 55%,#0b080600);position:absolute;inset:0 0 -3rem}#app[data-view=list] .toolbar:before{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:#0b0806db;inset:0}.toolbar .title{grid-area:title}.toolbar h1{font-family:var(--display);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.4rem;font-weight:560;line-height:1.2;overflow:hidden}.toolbar .byline{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;margin:.1rem 0 0;font-size:.8rem;overflow:hidden}.toolbar .search{grid-area:search}.toolbar input{background:var(--glass);border:1px solid var(--line);border-radius:999px;width:100%;min-height:40px;padding:0 1rem;transition:border-color .16s,background-color .16s}.toolbar input::placeholder{color:var(--dim);opacity:1}.toolbar input:hover,.toolbar input:focus{border-color:var(--brass);background:#1e150eeb}.chips{scrollbar-width:none;grid-area:chips;gap:.4rem;margin:-5px -1.25rem;padding:5px 1.25rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000)}.chips button,.toolbar .action{white-space:nowrap;background:var(--glass);border:1px solid var(--line);border-radius:999px;flex:none;min-height:40px;padding:0 1rem}.chips button:hover,.toolbar .action:hover{background:var(--walnut-raised);border-color:var(--brass)}.chips button[aria-pressed=true]{color:var(--brass-ink);background:var(--brass);border-color:var(--brass);font-weight:600}.chips button[aria-pressed=true]:hover{background:var(--brass-bright)}.chips .fav-filter{margin-left:.75rem}.chips .chip-extra{border-style:dashed}.chips .chip-extra[aria-pressed=true]{border-style:solid}.actions{grid-area:actions;justify-self:end;align-items:center;gap:.75rem;display:flex}.count{color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem}.toggle{background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:3px;display:flex}.toggle button{background:0 0;border:0;border-radius:999px;min-height:34px;padding:0 .95rem}.toggle button:hover{color:var(--brass-bright)}.toggle button[aria-pressed=true]{color:var(--brass-ink);background:var(--brass);font-weight:600}@media (width<=700px){.toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title actions""search search""chips chips";gap:.45rem .6rem;padding:.5rem .75rem .6rem}.toolbar .byline,.count{display:none}.toolbar h1{white-space:normal;font-size:1.05rem;line-height:1.1}.actions{gap:.4rem}.chips{margin:-5px -.75rem;padding:5px .75rem}.chips button,.toolbar input,.toolbar .action{min-height:38px;padding:0 .85rem}.toggle button{min-height:32px;padding:0 .75rem}}.stage{position:absolute;inset:0}.stage--table{background:var(--room);overflow:hidden}.stage--table:before{content:"";pointer-events:none;background:radial-gradient(130% 95% at 50% 58%,#05030200 52%,#0503029e 100%);position:absolute;inset:0}.stage--list{padding-top:var(--chrome-top);scrollbar-width:thin;overflow:auto}.table-canvas{touch-action:none;width:100%;height:100%;animation:.9s both lights-up;display:block}.table-canvas:focus-visible{outline-offset:-3px}@keyframes lights-up{0%{opacity:0}}.detail-panel{top:calc(var(--chrome-top) + .25rem);z-index:2;width:min(23rem,100% - 2rem);color:var(--bone);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);scrollbar-width:thin;animation:panel-in .42s var(--ease) both;border-radius:20px;flex-direction:column;gap:.8rem;padding:1rem 1.25rem 1.4rem;display:flex;position:absolute;bottom:1rem;right:1rem;overflow:auto;box-shadow:0 30px 80px #0009,inset 0 1px #ffffff0d}.detail-panel[hidden]{display:none}.detail-panel>*{margin:0;animation:.26s both lights-up}@keyframes panel-in{0%{opacity:0;transform:translate(28px)}}.detail-panel button:not(.fav){min-height:36px;color:var(--dim);border:1px solid var(--line-soft);background:0 0;border-radius:999px;order:-1;align-self:flex-end;padding:0 .95rem;font-size:.9rem}.detail-panel button:not(.fav):hover{color:var(--bone);border-color:var(--brass)}.detail-panel h2{font-family:var(--display);letter-spacing:-.015em;overflow-wrap:anywhere;font-size:1.75rem;font-weight:560;line-height:1.12}.detail-panel img{border:1px solid var(--line-soft);border-radius:12px;width:100%;height:auto}.detail-panel p{max-width:34em}.detail-panel .credit,.list-view .credit{color:var(--dim);font-family:var(--display);font-size:.92rem;font-style:italic}.detail-panel dl{border-block:1px solid var(--line-soft);grid-template-columns:auto 1fr;gap:.3rem 1.25rem;padding:.8rem 0;font-size:.95rem;display:grid}.detail-panel dt{color:var(--dim)}.detail-panel dd{color:var(--bone);margin:0}.detail-panel a{text-align:center}.detail-panel a.launch{color:var(--brass-ink);background:var(--brass);transition:background-color .16s ease, transform .16s var(--ease);border-radius:12px;padding:.8rem 1rem;font-weight:650;text-decoration:none;display:block;box-shadow:0 8px 24px #e0bb682e}.detail-panel a.launch:hover{color:var(--brass-ink);background:var(--brass-bright);transform:translateY(-1px)}.detail-panel a.launch+a.launch{color:var(--bone);border:1px solid var(--line);box-shadow:none;background:0 0}.detail-panel a.launch+a.launch:hover{border-color:var(--brass)}.detail-panel button.fav{border:1px solid var(--line);background:0 0;border-radius:12px;min-height:44px}.detail-panel button.fav:hover{border-color:var(--brass)}.detail-panel button.fav[aria-pressed=true],.toolbar .chips .fav-filter[aria-pressed=true],.list-view .site button.fav[aria-pressed=true]{color:var(--brass-bright);border-color:var(--brass);background:#e0bb6829;font-weight:600}.detail-panel .offline,.list-view .site .offline{color:var(--danger);font-weight:600}@media (width<=700px){.detail-panel{width:100%;max-height:48%;padding-bottom:calc(1.2rem + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:20px 20px 0 0;animation-name:sheet-in;inset:auto 0 0}.detail-panel img{display:none}.detail-panel h2{font-size:1.45rem}}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}}.legend{z-index:1;max-width:min(27rem,100% - 2.5rem);color:var(--dim);border:1px solid var(--line-soft);pointer-events:none;background:#0b0806a8;border-radius:12px;margin:0;padding:.5rem .9rem;font-size:.8rem;line-height:1.4;position:absolute;bottom:1rem;left:1.25rem}.legend[hidden]{display:none}.stage:has(.detail-panel:not([hidden])) .legend{display:none}@media (width<=700px){.legend{display:none}}.pwa-bar{z-index:10;color:var(--bone);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;align-items:center;gap:.75rem;padding:.5rem .6rem .5rem 1.1rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 16px 44px #0000008c}.pwa-bar[hidden]{display:none}.pwa-bar button{border:1px solid var(--line);background:0 0;border-radius:999px;min-height:40px;padding:0 1rem}.pwa-bar button.primary,.deal-more{color:var(--brass-ink);background:var(--brass);border-color:var(--brass);font-weight:650}.pwa-bar button.primary:hover,.deal-more:hover{background:var(--brass-bright)}.deal-more{bottom:calc(.9rem + env(safe-area-inset-bottom));z-index:1;white-space:nowrap;border:0;border-radius:999px;min-height:44px;padding:0 1.3rem;position:absolute;left:50%;translate:-50%;box-shadow:0 10px 30px #0000008c}.deal-more[hidden]{display:none}.list-view{max-width:68rem;margin:0 auto;padding:.5rem 1.25rem 2rem;animation:.4s both lights-up}.list-view h2{font-family:var(--display);letter-spacing:-.01em;align-items:center;gap:1rem;margin:2rem 0 1rem;font-size:1.5rem;font-weight:540;display:flex}.list-view h2:after{content:"";background:linear-gradient(to right, var(--line), #e0bb6800);flex:1;height:1px}.list-view ul{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.list-view .site{background:var(--walnut);border:1px solid var(--line-soft);transition:border-color .2s ease, background-color .2s ease, transform .3s var(--ease);border-radius:16px;padding:.75rem .75rem 1rem}.list-view .site:hover{background:var(--walnut-raised);border-color:var(--line);transform:translateY(-3px)}.list-view .site h3{font-family:var(--display);overflow-wrap:anywhere;margin:.7rem 0 .25rem;font-size:1.2rem;font-weight:560;line-height:1.25}.list-view .site h3 a{color:var(--bone);-webkit-text-decoration-color:var(--brass);text-decoration-color:var(--brass)}.list-view .site h3 a:hover{color:var(--brass-bright)}.list-view .site img{aspect-ratio:16/10;object-fit:cover;object-position:top;background:var(--room);border-radius:9px;width:100%;height:auto;display:block}.list-view .site p{color:var(--dim);margin:.25rem 0 0;font-size:.95rem}.list-view .site button.fav{border:1px solid var(--line);background:0 0;border-radius:999px;min-height:40px;margin:.7rem 0 .4rem;padding:0 .9rem;display:block}.list-view .site button.fav:hover{border-color:var(--brass)}.list-view .site--nodemo{border-style:dashed}.list-view .site--nodemo img{opacity:.6}.list-view .credit{text-align:center;margin:2.5rem 0 1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}