.global-search-icon{cursor:text;display:flex}.global-search-icon:focus{outline:none}.global-search:has(>.global-search-icon:focus){outline:none}.search-overlay{color:#f6f3fa;background:#17151d;border:1px solid #36313f;border-radius:18px;flex-direction:column;gap:0;width:min(880px,100vw - 48px);max-width:none;height:min(760px,100dvh - 2*max(24px,8vh));padding:0;display:flex;top:max(24px,8vh);overflow:hidden;translate:-50%;box-shadow:0 30px 120px #05030a99}.search-bar{color:#9d93ab;border-bottom:1px solid #2d2836;flex-shrink:0;align-items:center;gap:10px;padding:12px 14px 12px 20px;display:flex}.search-bar:focus-within{box-shadow:inset 0 -2px #b59bea}.search-bar input{color:#f4eefb;background:0 0;border:0;flex:1;min-width:0;padding:10px 0;font-size:17px}.search-bar input:focus-visible{outline:none}.search-bar input::placeholder{color:#7f768b}.search-bar button{color:#b3a7c1;border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.search-bar button:hover{color:#efe6f8;background:#262030}.search-close{border:1px solid #3a3145}.search-close-back{display:none}.search-body{overscroll-behavior:contain;flex:1;min-height:0;padding:4px 20px 22px;position:relative;overflow-y:auto}.search-group-label{letter-spacing:1.2px;text-transform:uppercase;color:#9b89b7;align-items:center;gap:7px;margin:18px 0 10px;font-size:11px;font-weight:650;display:flex}.search-group-head{justify-content:space-between;align-items:center;gap:12px;margin:12px 0 8px;display:flex}.search-group-head .search-group-label{margin:0}.search-clear-recent{color:#bba7d3;border-radius:6px;min-height:32px;padding:0 6px;font-size:12px}.search-clear-recent:hover{color:#efe6f8}.search-option{outline-offset:3px;cursor:pointer;border-radius:12px;outline:2px solid #0000;min-width:0;display:block}.search-option[aria-selected=true]{outline-color:#c4b5fd}.search-stories{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 14px;display:grid}.search-characters{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 12px;display:grid}.search-story-art,.search-character-art{background:#211c28;border:1px solid #3b3044;display:block;position:relative;overflow:hidden}.search-story-art{aspect-ratio:4/3;border-radius:10px}.search-character-art{aspect-ratio:3/4;border-radius:9px}.search-story-art>img,.search-character-art>img{object-fit:cover;object-position:50% 25%;width:100%;height:100%;transition:transform .5s}.search-character-art>img{object-position:50% 20%}.search-option:hover img,.search-option[aria-selected=true] img{transform:scale(1.04)}.search-story,.search-character{padding-bottom:4px}.search-story>strong,.search-character>strong{text-overflow:ellipsis;white-space:nowrap;color:#f1eaf8;margin-top:8px;font-size:13px;font-weight:600;display:block;overflow:hidden}.search-story>small,.search-character>small{text-overflow:ellipsis;white-space:nowrap;color:#a39aad;margin-top:3px;font-size:11px;display:block;overflow:hidden}.search-creators{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;display:grid}.search-creator{align-items:center;gap:12px;padding:8px 10px;display:flex}.search-creator:hover{background:#211b29}.search-creator .creator-avatar{width:44px;height:44px;font-size:17px}.search-chips{flex-wrap:wrap;gap:8px;display:flex}.search-chip{color:#dccdec;background:#1f1927;border:1px solid #3f3450;border-radius:20px;align-items:center;gap:7px;max-width:100%;min-height:36px;padding:7px 13px;font-size:12px;display:inline-flex}.search-chip:hover{color:#f4ebfd;border-color:#8e6fb3}.search-chip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-chip>small{color:#9a8aa9;font-size:11px}.search-all{color:#e4d6f3;background:#1d1824;border:1px solid #332b3d;align-items:center;gap:10px;margin-top:22px;padding:13px 14px;font-size:13px;display:flex}.search-all:hover{border-color:#6c5484}.search-all>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.search-empty{text-align:center;color:#b4a4c4;justify-items:center;gap:10px;padding:56px 16px;display:grid}.search-empty strong{color:#eee2f9;overflow-wrap:anywhere;font-size:17px;font-weight:600}.search-empty p,.search-hint{color:#a697b4;font-size:13px;line-height:1.6}.search-hint{text-align:center;padding:48px 0}.search-skeleton-label{width:120px;height:11px;margin:20px 0 12px}.search-footer{color:#8f849c;border-top:1px solid #2d2836;flex-shrink:0;gap:18px;padding:10px 20px;font-size:11px;display:flex}.search-footer kbd{color:#cfc3dc;background:#201b28;border:1px solid #3a3145;border-radius:5px;place-items:center;min-width:20px;height:20px;margin-right:4px;padding:0 5px;font-family:inherit;font-size:11px;display:inline-grid}.creator-card-text{gap:4px;min-width:0;display:grid}.creator-card-text strong{color:#efe6f8;align-items:center;gap:5px;min-width:0;font-size:13px;font-weight:600;display:flex}.creator-card-text strong>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creator-card-text small{color:#a193ae;font-size:11px}.creator-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.creator-grid>li{min-width:0}.creator-card{text-align:center;background:#1b1722;border:1px solid #332b3d;border-radius:14px;flex-direction:column;align-items:center;gap:12px;height:100%;padding:22px 14px 18px;display:flex}.creator-card:hover{background:#211b2a;border-color:#6c5484}.creator-card .creator-avatar{width:84px;height:84px;font-size:32px}.creator-card .creator-card-text{justify-items:center;width:100%}.creator-card .creator-card-text strong{justify-content:center;max-width:100%;font-size:14px}.creator-card-following{color:#cdb6ef;background:#211a29;border:1px solid #4a3a58;border-radius:20px;margin-top:-4px;padding:3px 9px;font-size:11px}@media (max-width:760px){.search-overlay{width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0;inset:0;translate:none}.search-bar{padding:max(var(--float-inset), env(safe-area-inset-top)) var(--float-inset) 12px;border-bottom:0;gap:8px;position:relative}.search-bar:focus-within{box-shadow:none}.search-bar>svg{display:none}.search-bar input{height:var(--float-size);border:1px solid var(--float-border);border-radius:calc(var(--float-size) / 2);background:var(--float-surface);box-shadow:var(--float-shadow);box-sizing:border-box;padding:0 46px 0 18px;font-size:16px}.search-bar input:focus{border-color:#c8affb80}.search-bar>button:not(.search-close){top:calc(max(var(--float-inset), env(safe-area-inset-top)) + 6px);right:calc(var(--float-inset) + 6px);border-radius:50%;position:absolute}.search-bar .search-close{width:var(--float-size);height:var(--float-size);border:1px solid var(--float-border);background:var(--float-surface);box-shadow:var(--float-shadow);color:var(--float-ink);border-radius:50%;order:-1}.search-close-x{display:none}.search-close-back{display:block}.search-body{padding:0 16px calc(24px + env(safe-area-inset-bottom))}.search-stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.search-characters{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.search-creators{grid-template-columns:minmax(0,1fr)}.search-footer{display:none}.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creator-card .creator-avatar{width:68px;height:68px;font-size:26px}.discovery-tabs .tiny-label{display:none}}@media (max-width:380px){.discovery-tabs button svg{display:none}}@media (prefers-reduced-motion:reduce){.search-option img{transition:none}}.reduce-motion .search-option img{transition:none}
