.discover-page{background:var(--bg);color:var(--text);min-height:100vh}.discover-page .app-main{box-sizing:border-box;flex:1;width:100%;min-width:0;max-width:none;margin:0;padding:34px 40px 60px}@media (width>=768px){.discover-page .app-main{width:calc(100% - 72px);margin-left:72px;padding:34px 40px 60px}}@media (width<=767px){.discover-page .app-main{width:100%;margin-left:0;padding:44px 16px 50px}}.discover-pagehead{margin-bottom:22px}.discover-pagehead h1{font-family:var(--font-ui);letter-spacing:-.015em;color:var(--text);margin-bottom:6px;font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:700}.discover-pagehead p{font-family:var(--font-dialogue);color:var(--muted);margin:0;font-size:.95rem}.discover-cmdbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.discover-searchbar{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex:280px;align-items:center;gap:10px;min-height:40px;margin-bottom:0;padding:9px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.discover-searchbar:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-alpha-20)}.discover-searchbar i,.discover-searchbar svg{color:var(--muted);flex-shrink:0;width:17px;height:17px}.discover-searchbar input{color:var(--text);font-family:var(--font-dialogue);background:0 0;border:none;outline:none;flex:1;font-size:14px}.discover-searchbar input::placeholder{color:var(--muted)}.filterpills{scrollbar-width:none;border-bottom:1px solid var(--border);flex-wrap:nowrap;align-items:center;gap:4px;margin-bottom:22px;padding-bottom:10px;display:flex;overflow-x:auto}.filterpills::-webkit-scrollbar{display:none}.fpill{font-family:var(--font-ui);color:var(--muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,transform .12s;display:inline-flex}.fpill i,.fpill svg{flex-shrink:0;width:14px;height:14px}.fpill:hover{color:var(--text);background:#ffffff0d}.fpill:active{transform:scale(.97)}.fpill.active,.fpill.is-active{background:var(--accent);color:#131110;font-weight:700}.fpill.active svg,.fpill.is-active svg{color:#131110;stroke:#131110}.discover-filter-trigger-wrap{align-items:center;gap:8px;display:inline-flex;position:relative}.discover-filters-btn svg,.discover-filters-btn i{width:14px;height:14px;color:var(--muted)}.discover-filters-btn.has-active-filters,.discover-filters-btn.is-open{border-color:var(--accent);color:var(--text)}.discover-filter-badge{background:var(--accent);color:#131110;border-radius:6px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.discover-filter-badge[hidden]{display:none!important}.discover-clear-btn{appearance:none;font-family:var(--font-ui);color:var(--accent);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:600;transition:background .15s}.discover-clear-btn:hover{background:#e65f451f}.discover-clear-btn[hidden]{display:none!important}.tagpanel-backdrop{display:none}.tagpanel{background:var(--surface,#1c1815);border:1px solid var(--border,#2e2823);z-index:240;scrollbar-width:thin;border-radius:8px;width:560px;max-width:calc(100vw - 32px);max-height:480px;padding:16px 18px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 18px 44px #000000a6}.tagpanel.is-flipped-up{top:auto;bottom:calc(100% + 8px)}.tagpanel.is-open{flex-direction:column;gap:12px;display:flex}.tagpanel__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.tagpanel__title-wrap{flex-direction:column;gap:2px;display:flex}.tagpanel__title{font-family:var(--font-ui);color:var(--text);font-size:14px;font-weight:700}.tagpanel__sub{color:var(--muted);font-size:11.5px}.tagpanel__head-actions{align-items:center;gap:8px;display:flex}.tagpanel__clear-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px 8px;font-size:12px;font-weight:600}.tagpanel__clear-btn:hover{background:#e65f451f}.tagpanel__close-btn{border:1px solid var(--border);background:var(--surface-2);width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.tagpanel__close-btn:hover{color:var(--text);border-color:var(--muted)}.tagpanel__close-btn svg,.tagpanel__close-btn i{width:15px;height:15px}.tagpanel__features{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tagpanel__feature-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:var(--font-ui);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.tagpanel__feature-btn svg,.tagpanel__feature-btn i{width:15px;height:15px;color:var(--muted)}.tagpanel__feature-btn.is-active{background:var(--accent);border-color:var(--accent);color:#131110;font-weight:700}.tagpanel__feature-btn.is-active svg,.tagpanel__feature-btn.is-active i{color:#131110;stroke:#131110}.tagpanel__search{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;transition:border-color .15s;display:flex}.tagpanel__search:focus-within{border-color:var(--accent)}.tagpanel__search i,.tagpanel__search svg{width:15px;height:15px;color:var(--muted);flex-shrink:0}.tagpanel__search input{color:var(--text);font-family:var(--font-dialogue);background:0 0;border:none;outline:none;flex:1;font-size:13px}.tagpanel__search input::placeholder{color:var(--muted)}.tagpanel__body{max-height:270px;padding-right:4px;overflow-y:auto}.tagcat{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:14px 0 8px;font-size:11px;font-weight:700}.tagcat:first-of-type{margin-top:2px}.tagcat.is-hidden{display:none}.taglist{flex-wrap:wrap;gap:6px;display:flex}.taglist.is-hidden{display:none}.tmini.tag-matrix-item{font-family:var(--font-ui);border:1px solid var(--border);background:var(--surface-2);color:var(--text);white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:3px 4px 3px 10px;font-size:12px;transition:all .12s;display:inline-flex}.tmini.tag-matrix-item.is-required{border-color:var(--accent);background:#e65f4524}.tmini.tag-matrix-item.is-blocked{opacity:.72;background:#d9534f1f;border-color:#d9534f8c}.tmini.is-hidden{display:none!important}.tag-matrix-label{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:2px 4px 2px 0}.tag-matrix-actions{align-items:center;gap:2px;display:inline-flex}.tag-matrix-btn{border:1px solid var(--border);background:var(--bg);width:22px;height:22px;color:var(--muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:700;line-height:1;transition:all .12s;display:inline-flex}.tag-matrix-btn:hover{color:var(--text);border-color:var(--muted)}.tag-matrix-btn--require.is-active{background:var(--accent);border-color:var(--accent);color:#131110}.tag-matrix-btn--block.is-active{color:#131110;background:#d9534f;border-color:#d9534f}.metafilters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:0;display:flex}.shelves-view{flex-direction:column;gap:36px;width:100%;display:flex}.shelf{flex-direction:column;gap:12px;width:100%;display:flex}.shelf.is-hidden{display:none!important}.shelfhead{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;padding-bottom:8px;display:flex}.shelfhead h2{font-family:var(--font-ui);color:var(--text);letter-spacing:-.01em;margin:0 0 2px;font-size:1.25rem;font-weight:700}.shelfhead p{font-family:var(--font-dialogue);color:var(--muted);margin:0;font-size:.85rem}.shelf-see-all{font-family:var(--font-ui);color:var(--accent);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.shelf-see-all:hover{opacity:.82}.shelf-see-all i,.shelf-see-all svg{width:14px;height:14px}.discover-page .rail,.rail{scrollbar-width:thin;-webkit-overflow-scrolling:touch;grid-auto-columns:185px;grid-auto-flow:column;gap:14px;width:100%;margin:0;padding:4px 0 12px;display:grid;overflow-x:auto}.discover-page .rail::-webkit-scrollbar{height:6px}.rail::-webkit-scrollbar{height:6px}.discover-page .rail::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.rail::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.card.shelf-card{background:var(--surface);border:1px solid var(--border);color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.card.shelf-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 30px #00000073}.card.shelf-card .art{aspect-ratio:3/4;background-color:var(--surface-2);justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:relative;overflow:hidden}.shelf-card__top-scrim{z-index:2;pointer-events:none;background:linear-gradient(#131110b8 0%,#13111040 60%,#0000 100%);justify-content:flex-start;align-items:flex-start;height:54px;padding:10px 10px 0;display:flex;position:absolute;top:0;left:0;right:0}.shelf-card__badge{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);color:var(--text);background:#131110db;border-radius:8px;align-items:center;padding:3px 8px;font-size:9.5px;font-weight:800;display:inline-flex}.card.shelf-card .shelf-card__img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .25s;display:block}.card.shelf-card:hover .shelf-card__img{transform:scale(1.04)}.card.shelf-card .art .initial{font-family:var(--font-ui);color:#4a4239;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:54px;font-weight:700;display:flex}.card.shelf-card .scrim{z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#131110c7 42%,#131110f5 100%);padding:44px 12px 10px;position:absolute;bottom:0;left:0;right:0}.card.shelf-card .scrim b,.card.shelf-card .scrim .shelf-card__name{font-family:var(--font-ui);color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;font-size:14px;font-weight:700;display:block;overflow:hidden}.card.shelf-card .scrim .shelf-card__creator{font-family:var(--font-ui);color:var(--accent);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:10.5px;font-weight:600;display:block;overflow:hidden}.card.shelf-card .scrim .shelf-card__hook{font-family:var(--font-dialogue);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.35;display:block;overflow:hidden}.shelf-card__actions{background:var(--surface);border-top:1px solid var(--border);z-index:3;grid-template-columns:1fr 1fr;gap:6px;padding:8px 10px 10px;display:grid}.shelf-card__btn{border-radius:8px;width:100%;min-height:32px;padding:6px 8px;font-size:11.5px;font-weight:700;line-height:1}.shelf-grid-view{width:100%}.shelf-grid-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:12px;display:flex}.shelf-grid-back{font-family:var(--font-ui);color:var(--muted);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-bottom:10px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.shelf-grid-back:hover{color:var(--text);border-color:var(--muted)}.shelf-grid-back i,.shelf-grid-back svg{width:14px;height:14px}.shelf-grid-title h2{font-family:var(--font-ui);color:var(--text);margin:0 0 4px;font-size:1.4rem;font-weight:700}.shelf-grid-title p{font-family:var(--font-dialogue);color:var(--muted);margin:0;font-size:.875rem}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:16px;width:100%;display:grid}.discover-empty{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;max-width:720px;margin:20px auto;padding:44px 24px;display:flex}.discover-empty[hidden]{display:none!important}.discover-empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.discover-empty-title{font-family:var(--font-ui);color:var(--text);margin:0 0 6px;font-size:1.25rem;font-weight:700}.discover-empty-desc{font-family:var(--font-dialogue);color:var(--muted);margin:0 0 20px;font-size:.9rem;line-height:1.5}.discover-empty-btn{border-radius:8px;align-items:center;gap:8px;display:inline-flex}.discover-empty-btn i,.discover-empty-btn svg{width:15px;height:15px}@media (width<=768px){.tagpanel-backdrop:not([hidden]){z-index:998;background:#000000b8;display:block;position:fixed;inset:0}.tagpanel{width:100%!important;max-width:100vw!important;max-height:82dvh!important;padding:0 16px calc(24px + env(safe-area-inset-bottom,0px))!important;z-index:999!important;border-radius:16px 16px 0 0!important;position:fixed!important;inset:auto 0 0!important}.tagpanel .tagpanel__close-btn{display:none}.tagpanel__body{max-height:52dvh}}@media (width<=640px){.rail{grid-auto-columns:168px;gap:10px}.card.shelf-card .art{aspect-ratio:3/4;height:auto}.shelf-grid{grid-template-columns:repeat(2,1fr);gap:10px}.shelf-grid .card.shelf-card .art{aspect-ratio:3/4;height:auto}.filterpills{gap:4px}.fpill{padding:6px 12px;font-size:12px}}.discover-tag-input-mount{width:100%;margin-bottom:14px}